Update web-platform-tests to revision 78f764c05c229883e87ad135c7153051a66e2851

This commit is contained in:
WPT Sync Bot 2019-03-06 20:32:15 -05:00
parent 55347aa39f
commit bf84a079f9
1983 changed files with 58006 additions and 31437 deletions

View file

@ -0,0 +1,12 @@
Fieldset accessibility tests
============================
These tests are intended to test the accessibility of the fieldset and legend elements.
To run these tests, open the browser's developer tools and navigate to the Accessibility pane (may
need to activate it in Settings), or use an OS-level accessibility inspector, and verify that the
accessible name/role matches the expected accessible name/role.
The following issue discusses ways to automate these tests:
https://github.com/web-platform-tests/wpt/issues/12791

View file

@ -0,0 +1,7 @@
<!doctype html>
<title>fieldset accessibility test: ARIA</title>
<div id=fieldset role=group aria-labelledby=legend>
<div id=legend>Foo</div>
<input>
</div>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: baseline</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: fieldset -webkit-appearance: none</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { -webkit-appearance: none; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: fieldset display: contents</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { display: contents; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: fieldset display: none</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { display: none; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected no accessible node for id=fieldset.

View file

@ -0,0 +1,13 @@
<!doctype html>
<title>fieldset accessibility test: fieldset div display: contents</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
div { display: contents; }
</style>
<fieldset id=fieldset>
<div>
<legend>Foo</legend>
<input>
</div>
</fieldset>
<p>Expected accessible name for id=fieldset: ""

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: fieldset role=none</title>
<link rel=help href=http://w3c.github.io/aria/#none>
<fieldset id=fieldset role=none>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected no accessible node for id=fieldset.

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: fieldset role=presentation</title>
<link rel=help href=http://w3c.github.io/aria/#presentation>
<fieldset id=fieldset role=presentation>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected no accessible node for id=fieldset.

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: fieldset visibility: collapse</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { visibility: collapse; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected no accessible node for id=fieldset.

View file

@ -0,0 +1,12 @@
<!doctype html>
<title>fieldset accessibility test: fieldset visibility: hidden</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { visibility: hidden; }
legend, input { visibility: visible; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected no accessible node for id=fieldset.

View file

@ -0,0 +1,13 @@
<!doctype html>
<title>fieldset accessibility test: flexbox</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { display: flex; }
legend { float: left; flex: auto; }
input { display: block; flex: auto; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,12 @@
<!doctype html>
<title>fieldset accessibility test: grid</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
fieldset { display: grid; grid-template-columns: auto auto; }
legend { float: left; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: position: absolute legend</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { position: absolute; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend child display: none</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend > span { display: none; }
</style>
<fieldset id=fieldset>
<legend>Foo<span>Bar</span></legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend visibility: hidden</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend > span { visibility: hidden; }
</style>
<fieldset id=fieldset>
<legend>Foo<span>Bar</span></legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend display: contents</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { display: contents; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend display: none</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { display: none; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: ""

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: floating legend</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { float: left; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: legend role=group aria-labelledby=fieldset</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<fieldset id=fieldset>
<legend role=group aria-labelledby=fieldset>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: ""

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend visibility: collapse</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { visibility: collapse; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: ""

View file

@ -0,0 +1,11 @@
<!doctype html>
<title>fieldset accessibility test: legend visibility: hidden</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<style>
legend { visibility: hidden; }
</style>
<fieldset id=fieldset>
<legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: ""

View file

@ -0,0 +1,10 @@
<!doctype html>
<title>fieldset accessibility test: multiple legends</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<fieldset id=fieldset>
<div></div>
<legend>Foo</legend>
<legend>Bar</legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: role</title>
<fieldset id=fieldset>
<legend id=legend>Foo</legend>
<input>
</fieldset>
<p>Expected accessible role for id=fieldset: "group"
<p>Expected accessible role for id=legend: No corresponding role

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<title>fieldset accessibility test: shadow DOM</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<template id="my-fieldset">
<fieldset id=fieldset>
<slot name="my-text"></slot>
<input>
</fieldset>
</template>
<my-fieldset>
<legend slot="my-text">Foo</legend>
</my-fieldset>
<p>Expected accessible name for id=fieldset: ""
<script>
customElements.define('my-fieldset',
class extends HTMLElement {
constructor() {
super();
const template = document.getElementById('my-fieldset');
const templateContent = template.content;
this.attachShadow({mode: 'open'}).appendChild(
templateContent.cloneNode(true)
);
}
}
);
</script>

View file

@ -0,0 +1,8 @@
<!doctype html>
<title>fieldset accessibility test: title attribute and empty legend</title>
<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation>
<fieldset id=fieldset title="Foo">
<legend></legend>
<input>
</fieldset>
<p>Expected accessible name for id=fieldset: "Foo"

View file

@ -127,4 +127,9 @@
assert_false(option.selected);
}, "Option constructor does not set dirtiness (so, manipulating the selected content attribute still updates the " +
"selected IDL attribute)");
test(function() {
var option = new Option();
assert_equals(Object.getPrototypeOf(option), HTMLOptionElement.prototype);
}, "Prototype of object created with named constructor");
</script>