Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Bug 1553169 [wpt PR 14996] - [css-ui] Test appearance <compat> values…
… and 'auto', a=testonly Automatic update from web-platform-tests [css-ui] Test appearance <compat> values and 'auto' Follows w3c/csswg-drafts#3545 w3c/csswg-drafts#3546 w3c/csswg-drafts#3574 Co-Authored-By: Philip Jägenstedt <philip@foolip.org> -- wp5At-commits: 31e7edc073c29fec0e708a2e883c774b55452421 wpt-pr: 14996
- Loading branch information
Showing
33 changed files
with
954 additions
and
0 deletions.
There are no files selected for viewing
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-auto-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: auto</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="auto is supported."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: auto; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
25 changes: 25 additions & 0 deletions
25
testing/web-platform/tests/css/css-ui/appearance-auto-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>Reference: appearance: auto</title> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > :not(a) { appearance: auto; -webkit-appearance: auto; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-button-bevel-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: button-bevel</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="button-bevel is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: button-bevel; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-checkbox-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: checkbox</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="checkbox is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: checkbox; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-listbox-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: listbox</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="listbox is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: listbox; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-menulist-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: menulist</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="menulist is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: menulist; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-menulist-button-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: menulist-button</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="menulist-button is an alias to auto except on drop-down select."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > *:not(#drop-down-select) { appearance: none; appearance: menulist-button; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select id="drop-down-select"><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-menulist-button-002.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: menulist-button on drop-down select</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="menulist-button is NOT an alias to auto on drop-down select."> | ||
| <link rel="mismatch" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > #drop-down-select { -webkit-appearance: none; -webkit-appearance: menulist-button; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select id="drop-down-select"><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-meter-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: meter</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="meter is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: meter; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-progress-bar-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: progress-bar</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="progress-bar is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: progress-bar; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-push-button-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: push-button</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="push-button is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: push-button; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-radio-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: radio</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="radio is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: radio; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
28 changes: 28 additions & 0 deletions
28
testing/web-platform/tests/css/css-ui/appearance-searchfield-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Basic User Interface Test: appearance: searchfield</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> | ||
| <meta name="assert" content="searchfield is an alias to auto."> | ||
| <link rel="match" href="appearance-auto-ref.html"> | ||
| <style> | ||
| #container { width: 500px; } | ||
| #container > * { appearance: none; appearance: searchfield; } | ||
| </style> | ||
| <div id="container"> | ||
| <a>a</a> | ||
| <button>button</button> | ||
| <input type="text" value="input-text"> | ||
| <input type="search" value="input-search"> | ||
| <textarea>textarea</textarea> | ||
| <input type="button" value="input-button"> | ||
| <input type="submit" value="input-submit"> | ||
| <input type="reset" value="input-reset"> | ||
| <input type="range"> | ||
| <input type="checkbox"> | ||
| <input type="radio"> | ||
| <input type="color"> | ||
| <select><option>select</option></select> | ||
| <select multiple><option>select-multiple</option></select> | ||
| <meter value=0.5></meter> | ||
| <progress value=0.5></progress> | ||
| </div> |
Oops, something went wrong.