third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html - Issue 1898403002: [WIP] Implement :dir()

Unified Diff: third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html

Issue 1898403002: [WIP] Implement :dir() (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase... other changes too probably Created 4 years, 7 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 side-by-side diff with in-line comments

Download patch

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

Index: third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html

diff --git a/third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html b/third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html

new file mode 100644

index 0000000000000000000000000000000000000000..8fb5e6d25baa24a07e7d56810d610fd2320ae202

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/fast/selectors/dir-pseudo/dir-pseudo-querySelector.html

@@ -0,0 +1,64 @@

+<!doctype html>

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

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

+<div id=outer>

+ <div id=div1></div>

+ <div id=div2 dir=ltr>

+ <div id=div2_1></div>

+ <div id=div2_2 dir=ltr></div>

+ <div id=div2_3 dir=rtl></div>

+ </div>

+ <div id=div3 dir=rtl>

+ <div id=div3_1>

+ <div id=div3_1_1></div>

+ </div>

+ <div id=div3_2 dir=ltr></div>

+ <div id=div3_3 dir=rtl></div>

+ </div>

+ <div id=div4 dir=lol></div>

+ <div id=div5 dir=auto></div>

+</div>

+<script>

+test(() => {

+ assert_equals(document.querySelector(":dir(lol)"), null);

+ assert_equals(document.querySelector(":dir(lol )"), null);

+ assert_equals(document.querySelector(":dir( auto)"), null);

+ assert_equals(document.querySelector(":dir(\nauto\t)"), null);

+}, ":dir() allows any ident value but strings other than ltr/rtl don't match");

+test(() => {

+ assert_throws("SYNTAX_ERR", () => { document.querySelector(":dir()"); });

+ assert_throws("SYNTAX_ERR", () => { document.querySelector(":dir(ltr, rtl)"); });

+ assert_throws("SYNTAX_ERR", () => { document.querySelector(":dir('ltr')"); });

+}, ":dir() requires exactly an ident argument");

+test(() => {

+ assert_equals(document.querySelector(":dir(rtl)"), div2_3);

+ assert_equals(document.querySelector("*:dir(rtl)"), div2_3);

+ assert_equals(document.querySelector("div:dir(ltr)"), outer);

+ assert_equals(document.querySelector("div:dir(ltr):dir(ltr)"), outer);

+ assert_equals(document.querySelector(":dir(rtl)#div3_3"), div3_3);

+ assert_equals(document.querySelector(":nth-child(2):dir(rtl)"), null);

+ assert_equals(document.querySelector(":nth-child(3):dir(rtl)"), div2_3);

+ assert_equals(document.querySelector(":nth-child(4):dir(ltr)"), div4);

+ assert_equals(document.querySelector(":nth-last-child(3):dir(rtl)"), div3);

+}, ":dir() works in compound selectors");

+test(() => {

+ assert_equals(document.querySelector("#div2 :dir(ltr)"), div2_1);

+ assert_equals(document.querySelector(":dir(rtl) div"), div3_1);

+ assert_equals(document.querySelector("div + :dir(ltr)"), div2);

+ assert_equals(document.querySelector(":dir(ltr) + :dir(rtl)"), div2_3);

+ assert_equals(document.querySelector(":dir(rtl) :dir(rtl)"), div3_1);

+ assert_equals(document.querySelector(":dir(rtl) + :dir(ltr)"), div3_2);

+ assert_equals(document.querySelector(":dir(rtl) ~ :dir(rtl)"), div3_3);

+ assert_equals(document.querySelector(":dir(rtl) :dir(ltr)"), div3_2);

+ assert_equals(document.querySelector("* :dir(rtl) *"), div3_1);

+ assert_equals(document.querySelector("div :dir(rtl) div"), div3_1);

+ assert_equals(document.querySelector(":dir(ltr) :dir(rtl) + :dir(ltr)"), div3_2);

+ assert_equals(document.querySelector(":dir(ltr) + :dir(rtl) + * + *"), div5);

+ assert_equals(document.querySelector(":dir(rtl) > * > :dir(rtl)"), div3_1_1);

+}, ":dir() works in complex selectors");

+</script>