Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'ee6da9d71d0268d7fdb04e8e5b26858f46ee0cc4'

Browse source
This commit is contained in:
WPT Sync Bot 2022-01-20 04:38:55 +00:00 • committed by cybai
parent 4401622eb1
commit b77ad115f6
16832 changed files with 270819 additions and 87621 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/wpt/web-platform-tests/css/css-ui/README.md Normal file
View file

@ -0,0 +1 @@
To update the generated tests, run `wpt update-built --include css-ui`

4
tests/wpt/web-platform-tests/css/css-ui/accent-color-checkbox-checked-001.tentative.html → tests/wpt/web-platform-tests/css/css-ui/accent-color-checkbox-checked-001.html
View file

@ -2,8 +2,8 @@
<title>Accent color changes colors of a checked checkbox</title>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="author" title="Mozilla" href="https://mozilla.org">
<link rel="help" title="https://drafts.csswg.org/css-ui-4/#widget-accent">
<link rel="help" title="https://bugzilla.mozilla.org/show_bug.cgi?id=1705605">
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#widget-accent">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1705605">
<link rel="mismatch" href="accent-color-checkbox-checked-001-notref.html">
<input type=checkbox checked style="accent-color: red">

2
tests/wpt/web-platform-tests/css/css-ui/accent-color-radio-checked-001-notref.html Normal file
View file

@ -0,0 +1,2 @@
<!DOCTYPE html>
<input type=radio checked style="accent-color: blue">

7
tests/wpt/web-platform-tests/css/css-ui/accent-color-radio-checked-001.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<title>Accent color changes colors of an checked radio</title>
<link rel="author" href="mailto:masonf@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#widget-accent">
<link rel="mismatch" href="accent-color-radio-checked-001-notref.html">
<input type=radio checked style="accent-color: red">

1
tests/wpt/web-platform-tests/css/css-ui/accent-color-visited.tentative.html → tests/wpt/web-platform-tests/css/css-ui/accent-color-visited.html
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="Joey Arhar" href="mailto:jarhar@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#widget-accent">
<link rel="match" href="accent-color-visited-ref.html">
<!-- :visited shouldn't apply to accent-color. -->

15
tests/wpt/web-platform-tests/css/css-ui/appearance-auto-non-html-namespace-001.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: appearance: auto on elements in non-HTML namespace</title>
<link rel="match" href="nothing-below-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching">
<meta name="assert" content="appearance: auto should have no effect on non-HTML elements.">
<style>
div * { appearance: auto; display: inline-block; width: 1em; height: 1em; }
</style>
<p>There should be nothing below:</p>
<div id=div></div>
<script>
for (var tagName of ['button', 'input', 'meter', 'progress', 'select', 'textarea']) {
div.appendChild(document.createElementNS('not-html', tagName));
}
</script>

1
tests/wpt/web-platform-tests/css/css-ui/box-sizing-001.html
View file

@ -4,7 +4,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">
<meta name="flags" content="">
<link rel="match" href="reference/box-sizing-001-ref.html">
<meta name="assert" content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
is considered when checking whether a block is larger than its containing block.">

1
tests/wpt/web-platform-tests/css/css-ui/box-sizing-003.html
View file

@ -4,7 +4,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">
<meta name="flags" content="">
<link rel="match" href="reference/box-sizing-001-ref.html">
<meta name="assert" content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
should be used in the the constraint that determines the used values of sizing and positioning properties

1
tests/wpt/web-platform-tests/css/css-ui/box-sizing-005.html
View file

@ -4,7 +4,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">
<meta name="flags" content="">
<link rel="match" href="reference/box-sizing-001-ref.html">
<meta name="assert" content="When box-sizing is border-box, the content height, rather than the computed value of the height property,
should be used in the the constraint that determines the used values of sizing and positioning properties

1
tests/wpt/web-platform-tests/css/css-ui/box-sizing-026.html
View file

@ -3,7 +3,6 @@
<title>CSS Basic User Interface Test: box-sizing:border-box floors to 0</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
<meta name="flags" content="">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="Floor width and height computation to 0 as they cannot be negative.">
<style>

82
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-fallback-props-revert-001.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: 'revert' keyword for properties that disable native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes the tested property with value 'revert'.">
<link rel="match" href="compute-kind-widget-no-fallback-ref.html">
<style>
#container { width: 500px; }
#container > * {
background-color: revert;
border-top-color: revert;
border-top-style: revert;
border-top-width: revert;
border-right-color: revert;
border-right-style: revert;
border-right-width: revert;
border-bottom-color: revert;
border-bottom-style: revert;
border-bottom-width: revert;
border-left-color: revert;
border-left-style: revert;
border-left-width: revert;
border-block-start-color: revert;
border-block-end-color: revert;
border-inline-start-color: revert;
border-inline-end-color: revert;
border-block-start-style: revert;
border-block-end-style: revert;
border-inline-start-style: revert;
border-inline-end-style: revert;
border-block-start-width: revert;
border-block-end-width: revert;
border-inline-start-width: revert;
border-inline-end-width: revert;
background-image: revert;
background-attachment: revert;
background-position: revert;
background-clip: revert;
background-origin: revert;
background-size: revert;
border-image-source: revert;
border-image-slice: revert;
border-image-width: revert;
border-image-outset: revert;
border-image-repeat: revert;
border-top-left-radius: revert;
border-top-right-radius: revert;
border-bottom-right-radius: revert;
border-bottom-left-radius: revert;
border-start-start-radius: revert;
border-start-end-radius: revert;
border-end-start-radius: revert;
border-end-end-radius: revert;
}
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>

44
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-fallback-ref.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Reference: Compute kind of widget - fallback</title>
<style>
#container { width: 500px; }
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=text],
input[type=search],
textarea,
input[type=color],
#select-listbox,
meter,
progress {
appearance: none;
}
#select-dropdown-box,
#select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button>button</button>
<input type="button" value="input-button">
<input type="submit" value="input-submit">
<input type="reset" value="input-reset">
<input type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input type="search" value="input-search">
<input type="range">
<input type="checkbox">
<input type="radio">
<input type="color">
<textarea>textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter value=0.5></meter>
<progress value=0.5></progress>
</div>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-attachment-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-attachment disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-attachment.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-attachment";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-clip-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-clip disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-clip.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-clip";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-image-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-image disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-image.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-image";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-origin-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-origin disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-origin.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-origin";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-position-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-position disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-position.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-position";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-background-size-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: background-size disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes background-size.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "background-size";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-end-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-end-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-end-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-end-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-end-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-end-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-end-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-end-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-end-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-end-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-end-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-end-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-start-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-start-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-start-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-start-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-start-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-start-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-start-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-start-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-block-start-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-block-start-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-block-start-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-block-start-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-bottom-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-bottom-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-bottom-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-bottom-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-bottom-left-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-bottom-left-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-bottom-left-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-bottom-left-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-bottom-right-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-bottom-right-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-bottom-right-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-bottom-right-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-bottom-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-bottom-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-bottom-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-bottom-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-bottom-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-bottom-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-bottom-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-bottom-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-end-end-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-end-end-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-end-end-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-end-end-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-end-start-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-end-start-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-end-start-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-end-start-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-image-outset-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-image-outset disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-image-outset.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-image-outset";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-image-repeat-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-image-repeat disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-image-repeat.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-image-repeat";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-image-slice-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-image-slice disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-image-slice.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-image-slice";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-image-source-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-image-source disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-image-source.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-image-source";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-image-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-image-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-image-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-image-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-end-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-end-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-end-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-end-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-end-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-end-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-end-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-end-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-end-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-end-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-end-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-end-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-start-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-start-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-start-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-start-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-start-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-start-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-start-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-start-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-inline-start-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-inline-start-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-inline-start-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-inline-start-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-left-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-left-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-left-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-left-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-left-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-left-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-left-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-left-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-left-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-left-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-left-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-left-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-right-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-right-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-right-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-right-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-right-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-right-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-right-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-right-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-right-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-right-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-right-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-right-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-start-end-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-start-end-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-start-end-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-start-end-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-start-start-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-start-start-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-start-start-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-start-start-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-top-color-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-top-color disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-top-color.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-top-color";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-top-left-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-top-left-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-top-left-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-top-left-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-top-right-radius-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-top-right-radius disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-top-right-radius.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-top-right-radius";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-top-style-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-top-style disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-top-style.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-top-style";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

47
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-generated/kind-of-widget-fallback-border-top-width-001.html Normal file
View file

@ -0,0 +1,47 @@
<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: border-top-width disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes border-top-width.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "border-top-width";
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
</script>

99
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-no-fallback-props-001.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: properties that DO NOT disable native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes properties that don't disable native appearance.">
<link rel="match" href="compute-kind-widget-no-fallback-ref.html">
<style>
#container { width: 500px; }
#container > #search-text-input { appearance: textfield; }
#container > #select-menulist-button { appearance: none; appearance: menulist-button; }
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const fallbackProps = [
'background-color',
'border-top-color',
'border-top-style',
'border-top-width',
'border-right-color',
'border-right-style',
'border-right-width',
'border-bottom-color',
'border-bottom-style',
'border-bottom-width',
'border-left-color',
'border-left-style',
'border-left-width',
'border-block-start-color',
'border-block-end-color',
'border-inline-start-color',
'border-inline-end-color',
'border-block-start-style',
'border-block-end-style',
'border-inline-start-style',
'border-inline-end-style',
'border-block-start-width',
'border-block-end-width',
'border-inline-start-width',
'border-inline-end-width',
'background-image',
'background-attachment',
'background-position',
'background-clip',
'background-origin',
'background-size',
'border-image-source',
'border-image-slice',
'border-image-width',
'border-image-outset',
'border-image-repeat',
'border-top-left-radius',
'border-top-right-radius',
'border-bottom-right-radius',
'border-bottom-left-radius',
'border-start-start-radius',
'border-start-end-radius',
'border-end-start-radius',
'border-end-end-radius',
];
// Make sure that any supported property that is not in the above list
// does not affect the widget type.
const declarations = getComputedStyle(document.documentElement);
for (const prop of declarations) {
if (fallbackProps.includes(prop)) {
continue;
}
for (const el of elements) {
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}
}
</script>

29
tests/wpt/web-platform-tests/css/css-ui/compute-kind-widget-no-fallback-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Reference: Compute kind of widget - no fallback</title>
<style>
#container { width: 500px; }
</style>
<div id="container">
<a>a</a>
<button>button</button>
<input type="button" value="input-button">
<input type="submit" value="input-submit">
<input type="reset" value="input-reset">
<input type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input type="search" value="input-search">
<input type="range">
<input type="checkbox">
<input type="radio">
<input type="color">
<textarea>textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter value=0.5></meter>
<progress value=0.5></progress>
</div>

6
tests/wpt/web-platform-tests/css/css-ui/input-security-auto-sensitive-text-input-ref.html Normal file
View file

@ -0,0 +1,6 @@
<!DOCTYPE html>
<title>Test that input-security: auto obscures text in sensitive text inputs</title>
<style>
input { input-security: auto; }
</style>
<input type="password" value="abcdefg">

9
tests/wpt/web-platform-tests/css/css-ui/input-security-auto-sensitive-text-input.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<title>Test that input-security: auto obscures text in sensitive text inputs</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#input-security">
<link rel="author" title="Apple Inc">
<link rel="match" href="input-security-auto-sensitive-text-input-ref.html">
<style>
input { input-security: auto; }
</style>
<input type="password" value="hunter2">

23
tests/wpt/web-platform-tests/css/css-ui/input-security-computed.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<title>Test computed values for input-security</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#input-security">
<link rel="author" title="Apple Inc">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
<style>
#outer { input-security: none; }
</style>
<div id="outer">
<div id="target"></div>
</div>
<div id="noInputSecurity"></div>
<script>
test_computed_value('input-security', 'initial', 'auto');
test_computed_value('input-security', 'inherit', 'none');
test_computed_value('input-security', 'auto', 'auto');
test_computed_value('input-security', 'none', 'none');
// When input-security isn't specified, it should return 'auto'
assert_equals(getComputedStyle(noInputSecurity).inputSecurity, 'auto');
</script>

12
tests/wpt/web-platform-tests/css/css-ui/input-security-non-sensitive-elements-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>Test that input-security: auto does not obscure text in elements that do not accept sensitive text input</title>
<style>
* { input-security: none; }
</style>
<input type="email" value="webkit@webkit.org">
<input type="number" value="2021">
<input type="search" value="test">
<input type="tel" value="555-5555">
<input type="text" value="test">
<input type="url" value="webkit.org">
<div>Test</div>

15
tests/wpt/web-platform-tests/css/css-ui/input-security-non-sensitive-elements.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<title>Test that input-security: auto does not obscure text in elements that do not accept sensitive text input</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#input-security">
<link rel="author" title="Apple Inc">
<link rel="match" href="input-security-non-sensitive-elements-ref.html">
<style>
* { input-security: auto; }
</style>
<input type="email" value="webkit@webkit.org">
<input type="number" value="2021">
<input type="search" value="test">
<input type="tel" value="555-5555">
<input type="text" value="test">
<input type="url" value="webkit.org">
<div>Test</div>

3
tests/wpt/web-platform-tests/css/css-ui/input-security-none-sensitive-text-input-ref.html Normal file
View file

@ -0,0 +1,3 @@
<!DOCTYPE html>
<title>Test that input-security: none does not obscure text in sensitive text inputs</title>
<input type="text" value="hunter2">

9
tests/wpt/web-platform-tests/css/css-ui/input-security-none-sensitive-text-input.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<title>Test that input-security: none does not obscure text in sensitive text inputs</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#input-security">
<link rel="author" title="Apple Inc">
<link rel="match" href="input-security-none-sensitive-text-input-ref.html">
<style>
input { input-security: none; }
</style>
<input type="password" value="hunter2">

21
tests/wpt/web-platform-tests/css/css-ui/input-security-parsing.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<title>Test parsing for input-security</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#input-security">
<link rel="author" title="Apple Inc">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<div id="target"></div>
<script>
test_valid_value('input-security', 'initial');
test_valid_value('input-security', 'inherit');
test_valid_value('input-security', 'unset');
test_valid_value('input-security', 'revert');
test_valid_value('input-security', 'auto');
test_valid_value('input-security', 'none');
test_invalid_value('input-security', 'auto auto');
test_invalid_value('input-security', 'disc');
test_invalid_value('input-security', 'circle');
test_invalid_value('input-security', 'square');
</script>

3
tests/wpt/web-platform-tests/css/css-ui/nothing-below-ref.html Normal file
View file

@ -0,0 +1,3 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Reference: nothing below</title>
<p>There should be nothing below:</p>

1
tests/wpt/web-platform-tests/css/css-ui/outline-001.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="7.1. 'outline' property" href="http://www.w3.org/TR/css3-ui/#outline">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline property creates outlines around visual objects and makes them stand out">
<style>
#container {

1
tests/wpt/web-platform-tests/css/css-ui/outline-002.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="7.1. 'outline' property" href="http://www.w3.org/TR/css3-ui/#outline">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline property inherits the parent's value when outline set inherit">
<style>
#container {

1
tests/wpt/web-platform-tests/css/css-ui/outline-022.html
View file

@ -3,7 +3,6 @@
<link rel="author" href="mailto:atotic@google.com">
<link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="flags" content="">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
body {

1
tests/wpt/web-platform-tests/css/css-ui/outline-color-001.html
View file

@ -5,7 +5,6 @@
<link rel="help" title="7.4. 'outline-color' property" href="http://www.w3.org/TR/css3-ui/#outline-color">
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the color of sub element outline is same as the color of parent element outline when outline-color set inherit">
<style>
#container {

1
tests/wpt/web-platform-tests/css/css-ui/outline-offset-001.html
View file

@ -5,7 +5,6 @@
<link rel="help" title="7.5. 'outline-offset' property" href="http://www.w3.org/TR/css3-ui/#outline-offset">
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline-offset keeps spacing between outline and element content">
<style>
#container {

1
tests/wpt/web-platform-tests/css/css-ui/outline-style-011.html
View file

@ -6,7 +6,6 @@
<link rel="help" title="7.3. 'outline-style' property" href="http://www.w3.org/TR/css3-ui/#outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">
<link rel="match" href="reference/outline-style-011-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline style is dotted when outline-style set dotted">
<style>
#test {

1
tests/wpt/web-platform-tests/css/css-ui/outline-style-012.html
View file

@ -6,7 +6,6 @@
<link rel="help" title="7.3. 'outline-style' property" href="http://www.w3.org/TR/css3-ui/#outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">
<link rel="match" href="reference/outline-style-012-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit">
<style>
#parent {

1
tests/wpt/web-platform-tests/css/css-ui/outline-style-013.html
View file

@ -6,7 +6,6 @@
<link rel="help" title="7.3. 'outline-style' property" href="http://www.w3.org/TR/css3-ui/#outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">
<link rel="match" href="reference/outline-style-013-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline style is dashed when outline-style set dashed">
<style>
#test {

1
tests/wpt/web-platform-tests/css/css-ui/outline-style-014.html
View file

@ -6,7 +6,6 @@
<link rel="help" title="7.3. 'outline-style' property" href="http://www.w3.org/TR/css3-ui/#outline-style">
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">
<link rel="match" href="reference/outline-style-014-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the outline style is two solid lines when outline-style set double">
<style>
#test {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-001.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-001-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when
text-overflow set clip">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-002.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-002-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that an ellipsis (...) is shown instead of overflowing textual content">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-003.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-001-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that text-overflow inherits the parent' clip value when text-overflow set inherit">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-004.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
<link rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-002-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Test checks that text-overflow inherits the parent' ellipsis value when text-overflow set inherit">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-006.html
View file

@ -4,7 +4,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-006-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Checks that the elipsis is applied at the edge of the line box, not the end of the block container, when these are different.">
<style>
div {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-009.html
View file

@ -4,7 +4,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="flags" content="">
<meta name="assert" content="The first atomic inline on a line must be clipped rather than ellipsed.">
<style>
body > div {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-022.html
View file

@ -5,7 +5,6 @@
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow">
<link rel="match" href="reference/text-overflow-022-ref.html">
<meta name="flags" content="">
<meta name="assert" content="Implementations must hide characters, i.e. entire garpheme clusters, not part of them, to make room for the ellipsis">
<style>
#sizer {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-027.html
View file

@ -5,7 +5,6 @@
<link rel="help" href="http://www.w3.org/TR/css-ui-3/#text-overflow">
<link rel="help" href="http://www.w3.org/TR/css-ui-4/#text-overflow">
<link rel="match" href="reference/text-overflow-027-ref.html">
<meta name="flags" content="">
<meta name="assert" content="text-overflow is a visual operation that occurs after layout, and therfore ellides text from the visual end of the line, even in bidi situations">
<style>
div {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-028.html
View file

@ -5,7 +5,6 @@
<link rel="help" href="http://www.w3.org/TR/css-ui-3/#text-overflow">
<link rel="help" href="http://www.w3.org/TR/css-ui-4/#text-overflow">
<link rel="match" href="reference/text-overflow-028-ref.html">
<meta name="flags" content="">
<meta name="assert" content="text-overflow is a visual operation that occurs after layout, and therfore ellides text from the visual end of the line, even in bidi situations">
<style>
div {

1
tests/wpt/web-platform-tests/css/css-ui/text-overflow-029.html
View file

@ -7,7 +7,6 @@
<link rel="help" href="http://www.w3.org/TR/css-ui-4/#text-overflow">
<link rel="match" href="reference/text-overflow-029-ref.html">
<meta name="assert" content="When there's content of mixed directionality, text-overflow ellides the characters at the physical end of the line.">
<meta name="flags" content="">
<style>
div {
font: 20px monospace;

2
tests/wpt/web-platform-tests/css/css-ui/text-overflow.html
View file

@ -6,7 +6,7 @@
<link rel="reviewer" title="Leif Arne Storset" href="mailto:lstorset@opera.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow" title="8.2. the 'text-overflow' property">
<link rel="match" href="text-overflow-ref.html">
<meta name="flags" content="font ahem">
<meta name="flags" content="ahem">
<meta name="assert" content="'text-overflow:ellipsis' renders U+2026 when text is overflowing.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>

120
tests/wpt/web-platform-tests/css/css-ui/tools/build-compute-kind-widget-fallback-props.py Normal file
View file

@ -0,0 +1,120 @@
#!/usr/bin/env python3
import os, shutil
target_dir = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) + "/compute-kind-widget-generated"
props = [
u"background-color",
u"border-top-color",
u"border-top-style",
u"border-top-width",
u"border-right-color",
u"border-right-style",
u"border-right-width",
u"border-bottom-color",
u"border-bottom-style",
u"border-bottom-width",
u"border-left-color",
u"border-left-style",
u"border-left-width",
u"border-block-start-color",
u"border-block-end-color",
u"border-inline-start-color",
u"border-inline-end-color",
u"border-block-start-style",
u"border-block-end-style",
u"border-inline-start-style",
u"border-inline-end-style",
u"border-block-start-width",
u"border-block-end-width",
u"border-inline-start-width",
u"border-inline-end-width",
u"background-image",
u"background-attachment",
u"background-position",
u"background-clip",
u"background-origin",
u"background-size",
u"border-image-source",
u"border-image-slice",
u"border-image-width",
u"border-image-outset",
u"border-image-repeat",
u"border-top-left-radius",
u"border-top-right-radius",
u"border-bottom-right-radius",
u"border-bottom-left-radius",
u"border-start-start-radius",
u"border-start-end-radius",
u"border-end-start-radius",
u"border-end-end-radius",
]
template = u"""<!-- DO NOT EDIT. This file has been generated. Source:
./tools/build-compute-kind-widget-fallback-props.py
-->
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Compute kind of widget: {prop} disables native appearance for widgets</title>
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
<meta name="assert" content="appropriate widget is returned when authorProps includes {prop}.">
<link rel="match" href="../compute-kind-widget-fallback-ref.html">
<style>
#container {{ width: 500px; }}
#container > #search-text-input {{ appearance: textfield; }}
#container > #select-menulist-button {{ appearance: none; appearance: menulist-button; }}
</style>
<div id="container">
<a>a</a>
<button id="button">button</button>
<input id="button-input" type="button" value="input-button">
<input id="submit-input" type="submit" value="input-submit">
<input id="reset-input" type="reset" value="input-reset">
<input id="text-input" type="text" value="input-text">
<input id="search-text-input" type="search" value="input-search-text">
<input id="search-input" type="search" value="input-search">
<input id="range-input" type="range">
<input id="checkbox-input" type="checkbox">
<input id="radio-input" type="radio">
<input id="color-input" type="color">
<textarea id="textarea">textarea</textarea>
<select multiple id="select-listbox"><option>select-listbox</option></select>
<select id="select-dropdown-box"><option>select-dropdown-box</option></select>
<select id="select-menulist-button"><option>select-menulist-button</option></select>
<meter id="meter" value=0.5></meter>
<progress id="progress" value=0.5></progress>
</div>
<script>
// Set author-level CSS that matches UA style, but don't use the 'revert' value.
const elements = document.querySelectorAll('#container > *');
const prop = "{prop}";
for (const el of elements) {{
el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
}}
</script>
"""
# Generate tests
# wipe target_dir
if os.path.isdir(target_dir):
shutil.rmtree(target_dir)
def write_file(path, content):
path = os.path.join(target_dir, path)
os.makedirs(os.path.dirname(path), exist_ok=True)
file = open(os.path.join(target_dir, path), 'w')
file.write(content)
file.close()
def generate_tests(prop):
test = template.format(prop=prop)
write_file(f"kind-of-widget-fallback-{prop}-001.html", test)
for prop in props:
generate_tests(prop)

42
tests/wpt/web-platform-tests/css/css-ui/user-select-001.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: Block children of a inline parent with "user-select:text" should be selectable even with a user-select: none ancestor</title>
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-ui/#propdef-user-select">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1743074">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src='/resources/testdriver-vendor.js'></script>
<style>
:root {
user-select: none;
}
</style>
<span style="user-select: text">
<div>Let's select this <b id="target">word</b></div>
</span>
<script>
promise_test(async function() {
let target = document.getElementById("target");
let actions = new test_driver.Actions();
// Simulate a double click to select a word.
await actions.pointerMove(5, 5, {origin: target})
.pointerDown()
.pointerUp()
.pointerDown()
.pointerUp()
.send();
assert_equals(window.getSelection().toString(), "word",
"The text 'word' should be selectable.")
}, "Select the text 'word'");
</script>
</html>