LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/required-optional.html - Issue 1144143009: W3C Test: Import web-platform-tests/html/semantics

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/required-optional.html

Issue 1144143009: W3C Test: Import web-platform-tests/html/semantics (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/readwrite-readonly-expected.txt ('k') | LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/utils.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <meta charset=utf-8>

	3 <title>Selector: pseudo-classes (:required, :optional)</title>

	4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1>

	5 <link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id= link2>

	6 <script src="../../../../../../resources/testharness.js"></script>

	7 <script src="../../../../../../resources/testharnessreport.js"></script>

	8 <script src="utils.js"></script>

	9 <div id="log"></div>

	10 <input type=text id=text1 value="foobar" required>

	11 <input type=text id=text2 required>

	12 <input type=text id=text3>

	13 <select id=select1 required>

	14 <optgroup label="options" id=optgroup1>

	15 <option value="option1" id=option1>option1

	16 </select>

	17 <select id=select2>

	18 <optgroup label="options" id=optgroup2>

	19 <option value="option2" id=option2>option2

	20 </select>

	21 <textarea required id=textarea1>textarea1</textarea>

	22 <textarea id=textarea2>textarea2</textarea>

	23

	24 <script>

	25 testSelector(":required", ["text1", "text2", "select1", "textarea1"], "':requi red' matches required <input>s, <select>s and <textarea>s");

	26 testSelector(":optional", ["text3", "select2", "textarea2"], "':optional' matc hes elements <input>s, <select>s and <textarea>s that are not required");

	27

	28 document.getElementById("text1").removeAttribute("required");

	29 testSelector(":required", ["text2", "select1", "textarea1"], "':required' does n't match elements whose required attribute has been removed");

	30 testSelector(":optional", ["text1", "text3", "select2", "textarea2"], "':optio nal' matches elements whose required attribute has been removed");

	31

	32 document.getElementById("select2").setAttribute("required", "required");

	33 testSelector(":required", ["text2", "select1", "select2", "textarea1"], "':req uired' matches elements whose required attribute has been added");

	34 testSelector(":optional", ["text1", "text3", "textarea2"], "':optional' doesn' t match elements whose required attribute has been added");

	35 </script>

OLD	NEW