Index: third_party/WebKit/LayoutTests/external/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/selectors4/dir-style-02b.html |
diff --git a/third_party/WebKit/LayoutTests/external/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/selectors4/dir-style-02b.html b/third_party/WebKit/LayoutTests/external/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/selectors4/dir-style-02b.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..802ca41f111a1640e8dcdf5980694774b3496365 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/selectors4/dir-style-02b.html |
@@ -0,0 +1,46 @@ |
+<!DOCTYPE html> |
+<html class="reftest-wait"> |
+ <head> |
+ <meta charset="UTF-8"> |
+ <title>CSS Test: :dir() selector</title> |
+ <link rel="author" title="Astley Chen" href="mailto:aschen@mozilla.com"> |
+ <link rel="author" title="Mozilla" href="https://www.mozilla.org"> |
+ <link rel="help" href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo"> |
+ <meta name="assert" content="Test checks :dir() basic functions when document directionality is dynamically changed from ltr to rtl."> |
+ <link rel="match" href="dir-style-02-ref.html"> |
+ <style> |
+ div { text-align: left; } |
+ :dir(ltr) { color: blue } |
+ :dir(rtl) { color: lime } |
+ :dir(foopy) { color: red } |
+ </style> |
+ <script> |
+ function switchDir() |
+ { |
+ // ensure it's a dynamic change |
+ document.documentElement.getBoundingClientRect(); |
+ |
+ document.dir = "rtl"; |
+ |
+ document.documentElement.removeAttribute("class"); |
+ } |
+ </script> |
+ </head> |
+ <body onload="switchDir()"> |
+ <div>This element has default direction.</div> |
+ <div dir="ltr">This element is ltr.</div> |
+ <div dir="rtl">This element is rtl.</div> |
+ <div dir="ltr"> |
+ <div>This element should inherit ltr.</div> |
+ <div dir="ltr">This element is ltr.</div> |
+ <div dir="rtl">This element is rtl.</div> |
+ </div> |
+ <div dir="rtl"> |
+ <div>This element should inherit rtl.</div> |
+ <div dir="ltr">This element is ltr.</div> |
+ <div dir="rtl">This element is rtl.</div> |
+ </div> |
+ <div dir="foopy">This element has an invalid dir attribute and |
+ should have default direction.</div> |
+ </body> |
+</html> |