third_party/WebKit/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/dir.html - Issue 1614343002: Implement CSS4 pseudo-class :dir()

Side by Side Diff: third_party/WebKit/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/dir.html

Issue 1614343002: Implement CSS4 pseudo-class :dir() (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Updated layout tests Created 4 years, 10 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

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo-class-expected.txt ('k') | third_party/WebKit/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/dir-expected.txt » ('j') | third_party/WebKit/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/dir-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <meta charset=utf-8 id=meta>	2 <meta charset=utf-8 id=meta>

3 <title id=title>Selector: pseudo-classes (:dir(ltr), :dir(rtl))</title>	3 <title id=title>Selector: pseudo-classes (:dir(ltr), :dir(rtl))</title>

4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1>	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>	5 <link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id= link2>

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

7 <script src="../../../../../../resources/testharnessreport.js" id=script2></scri pt>	7 <script src="../../../../../../resources/testharnessreport.js" id=script2></scri pt>

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

9 <style id=style>	9 <style id=style>

10 #span1 {direction: rtl;}	10 #span1 {direction: rtl;}

11 #span5, #span6 {display: none;}	11 #span5, #span6 {display: none;}

12 </style>	12 </style>

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

14 <bdo dir="rtl" id=bdo1>WERBEH</bdo>	14 <bdo dir="rtl" id=bdo1>WERBEH</bdo>

15 <bdo dir="ltr" id=bdo2>HEBREW</bdo>	15 <bdo dir="ltr" id=bdo2>HEBREW</bdo>

16 <bdi id=bdi1>HEBREW</bdi>	16 <bdi id=bdi1>HEBREW</bdi>

17 <bdi dir="rtl" id=bdi2>WERBEH</bdi>	17 <bdi dir="rtl" id=bdi2>WERBEH</bdi>

18 <bdi dir="ltr" id=bdi3>HEBREW</bdi>	18 <bdi dir="ltr" id=bdi3>HEBREW</bdi>

19 <span id=span1>WERBEH</span>	19 <span id=span1>WERBEH</span>

20 <span dir="rtl" id=span2>WERBEH</span>	20 <span dir="rtl" id=span2>WERBEH</span>

21 <span dir="ltr" id=span3>HEBREW</span>	21 <span dir="ltr" id=span3>HEBREW</span>

22 ‮<span id=span4>WERBEH</span>‬	22 ‮<span id=span4>WERBEH</span>‬

23 <span dir="rtl" id=span5>WERBEH</span>	23 <span dir="rtl" id=span5>WERBEH</span>

24 <span dir="ltr" id=span6>HEBREW</span>	24 <span dir="ltr" id=span6>HEBREW</span>

25 <bdo dir="auto" id=bdo3>HEBREW</bdo>	25 <bdo dir="auto" id=bdo3>HEBREW</bdo>

26 <bdo dir="auto" id=bdo4>إيان</bdo>	26 <bdo dir="auto" id=bdo4>إيان</bdo>

27 <bdo dir="ltr" id=bdo5>עברית</bdo>	27 <bdo dir="ltr" id=bdo5>עברית</bdo>

28	28

29 <script>	29 <script id=script4>

30 testSelector(":dir(rtl)", ["bdo1", "bdi2", "span1", "span2", "span4", "span5", "bdo4"], "':dir(rtl)' matches all elements whose directionality is 'rtl'.");	30 testSelector(":dir(rtl)", ["bdo1", "bdi2", "span1", "span2", "span4", "span5", "bdo4"], "':dir(rtl)' matches all elements whose directionality is 'rtl'.");

31 testSelector(":dir(ltr)", ["html", "head", "body", "meta", "title", "link1", " link2", "script1", "script2", "script3", "stlyle", "log", "bdo2", "bdi3", "span3 ", "span6", "bdo3", "bdo5"], "':dir(ltr)' matches all elements whose directional ity is 'ltr'.");	31 testSelector(":dir(ltr)", ["html", "head", "body", "meta", "title", "link1", " link2", "script1", "script2", "script3", "style", "log", "bdo2", "bdi1", "bdi3", "span3", "span6", "bdo3", "bdo5", "script4"], "':dir(ltr)' matches all elements whose directionality is 'ltr'.");
	ramya.v 2016/01/27 07:39:20 1)Last script element is ignored. So included it. 1)Last script element is ignored. So included it. 2)style id is mispelt so corrected it. 3)bdi1 element is not included in both ltr and rtl. Included it in ltr section.
32	32

33 var bdo = document.createElement("bdo");	33 var bdo = document.createElement("bdo");

34 bdo.setAttribute("dir", "ltr");	34 bdo.setAttribute("dir", "ltr");

35 testSelector(":dir(ltr)", ["meta", "title", "link1", "link2", "script1", "scri pt2", "script3", "stlyle", "log", "bdo2", "bdi3", "span3", "span6", "bdo3"], "': dir(ltr)' doesn't match elements not in the document.");	35 testSelector(":dir(ltr)", ["meta", "title", "link1", "link2", "script1", "scri pt2", "script3", "style", "log", "bdo2", "bdi3", "span3", "span6", "bdo3"], "':d ir(ltr)' doesn't match elements not in the document.");

36 </script>	36 </script>

OLD	NEW