Attachment 373504 Details for Bug 199509 – Patch

[patch] Patch

bug-199509-20190706004310.patch (text/plain), 179.81 KB, created by cathiechen on 2019-07-05 09:43:13 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: cathiechen

Created: 2019-07-05 09:43:13 PDT

Size: 179.81 KB

patch

obsolete

>Subversion Revision: 247155
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 2a0e142c03cc4757d644e95d094353b2a5606db4..75fb7d3d3a37c8054479429161250bcfd1403cd8 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,16 @@
>+2019-07-05  Cathie Chen  <cathiechen@igalia.com>
>+
>+        Import css/cssom-view testcases from WPT.
>+        https://bugs.webkit.org/show_bug.cgi?id=199509
>+
>+        Reviewed by Frederic Wang.
>+
>+        * TestExpectations:
>+        * platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt: Added.
>+        * platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt: Added.
>+        * platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt: Added.
>+        * tests-options.json:
>+
> 2019-07-05  Antoine Quint  <graouts@apple.com>
> 
>         [Pointer Events] Respect pointer capture when dispatching mouse boundary events and updating :hover
>diff --git a/LayoutTests/imported/w3c/ChangeLog b/LayoutTests/imported/w3c/ChangeLog
>index 2f205e151524dfea9a66e9a31578d57f11b89ca4..f893a7498d61cfd4bdf5dc5f8cb5e8501d9b4535 100644
>--- a/LayoutTests/imported/w3c/ChangeLog
>+++ b/LayoutTests/imported/w3c/ChangeLog
>@@ -1,3 +1,145 @@
>+2019-07-05  Cathie Chen  <cathiechen@igalia.com>
>+
>+        Import css/cssom-view testcases from WPT.
>+        https://bugs.webkit.org/show_bug.cgi?id=199509
>+
>+        Reviewed by Frederic Wang.
>+
>+        * resources/import-expectations.json:
>+        * web-platform-tests/css/cssom-view/CaretPosition-001.html:
>+        * web-platform-tests/css/cssom-view/DOMRectList.html:
>+        * web-platform-tests/css/cssom-view/GetBoundingRect.html:
>+        * web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html:
>+        * web-platform-tests/css/cssom-view/MediaQueryList-001.html:
>+        * web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html:
>+        * web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html:
>+        * web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html:
>+        * web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html:
>+        * web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html:
>+        * web-platform-tests/css/cssom-view/cssom-getClientRects-002.html:
>+        * web-platform-tests/css/cssom-view/cssom-getClientRects.html:
>+        * web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html:
>+        * web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html:
>+        * web-platform-tests/css/cssom-view/dom-element-scroll.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-001.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-002.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-003.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-parameters.html:
>+        * web-platform-tests/css/cssom-view/elementFromPoint-subpixel-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html: Added.
>+        * web-platform-tests/css/cssom-view/elementFromPoint.html:
>+        * web-platform-tests/css/cssom-view/elementFromPosition.html:
>+        * web-platform-tests/css/cssom-view/elementScroll-002.html:
>+        * web-platform-tests/css/cssom-view/elementScroll.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-simple.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-svg.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint-table.html:
>+        * web-platform-tests/css/cssom-view/elementsFromPoint.html:
>+        * web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-inline-expected.html: Added.
>+        * web-platform-tests/css/cssom-view/getClientRects-inline.html: Added.
>+        * web-platform-tests/css/cssom-view/historical.html:
>+        * web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html:
>+        * web-platform-tests/css/cssom-view/inheritance-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/inheritance.html: Added.
>+        * web-platform-tests/css/cssom-view/interfaces.html:
>+        * web-platform-tests/css/cssom-view/long_scroll_composited-expected.html: Added.
>+        * web-platform-tests/css/cssom-view/long_scroll_composited.html: Added.
>+        * web-platform-tests/css/cssom-view/matchMedia-display-none-iframe-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html: Added.
>+        * web-platform-tests/css/cssom-view/matchMedia.xht:
>+        * web-platform-tests/css/cssom-view/matchMediaAddListener.html:
>+        * web-platform-tests/css/cssom-view/mouseEvent.html:
>+        * web-platform-tests/css/cssom-view/negativeMargins.html:
>+        * web-platform-tests/css/cssom-view/offsetParent_element_test.html:
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-inline.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html: Added.
>+        * web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html:
>+        * web-platform-tests/css/cssom-view/outer-svg-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/outer-svg.html: Added.
>+        * web-platform-tests/css/cssom-view/resize-event-on-initial-layout-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html: Added.
>+        * web-platform-tests/css/cssom-view/screenLeftTop-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/screenLeftTop.html: Added.
>+        * web-platform-tests/css/cssom-view/scroll-behavior-default-css.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-element.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-smooth.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html:
>+        * web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html:
>+        * web-platform-tests/css/cssom-view/scroll-no-layout-box.html:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-shadow.html:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-smooth.html:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-svg-shape-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-expected.txt: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html: Added.
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt:
>+        * web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html:
>+        * web-platform-tests/css/cssom-view/scrollWidthHeight.xht:
>+        * web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht:
>+        * web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html:
>+        * web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html:
>+        * web-platform-tests/css/cssom-view/scrollingElement.html:
>+        * web-platform-tests/css/cssom-view/scrollintoview.html:
>+        * web-platform-tests/css/cssom-view/table-client-props.html:
>+        * web-platform-tests/css/cssom-view/table-offset-props.html:
>+        * web-platform-tests/css/cssom-view/table-scroll-props.html:
>+        * web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html:
>+        * web-platform-tests/css/cssom-view/w3c-import.log:
>+        * web-platform-tests/css/cssom-view/window-screen-height-immutable.html:
>+        * web-platform-tests/css/cssom-view/window-screen-height.html:
>+        * web-platform-tests/css/cssom-view/window-screen-width-immutable.html:
>+        * web-platform-tests/css/cssom-view/window-screen-width.html:
>+
> 2019-07-05  Antoine Quint  <graouts@apple.com>
> 
>         Remove Wincorrect WPT test pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html
>diff --git a/LayoutTests/TestExpectations b/LayoutTests/TestExpectations
>index a407df24e2c3e673fef8d573f60e1ff3a59a753a..7b4fbd60cf80c1effd8224f692ef7b7503e8092d 100644
>--- a/LayoutTests/TestExpectations
>+++ b/LayoutTests/TestExpectations
>@@ -3443,3 +3443,5 @@ fast/dom/linkify-phone-numbers.html [ ImageOnlyFailure ]
> webkit.org/b/199039 editing/deleting/smart-delete-paragraph-003.html [ Skip ]
> 
> webkit.org/b/199028 webgpu/whlsl-test-harness-test.html [ Slow ]
>+
>+imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html [ ImageOnlyFailure ]
>diff --git a/LayoutTests/imported/w3c/resources/import-expectations.json b/LayoutTests/imported/w3c/resources/import-expectations.json
>index 07e644faeaf49cdf62e18d98659d09363f7d8370..7957f5089d88e1ebca3e15506b930f4ab8d6836a 100644
>--- a/LayoutTests/imported/w3c/resources/import-expectations.json
>+++ b/LayoutTests/imported/w3c/resources/import-expectations.json
>@@ -82,6 +82,7 @@
>     "web-platform-tests/css/css-text": "import", 
>     "web-platform-tests/css/css-ui": "import", 
>     "web-platform-tests/css/cssom": "import", 
>+    "web-platform-tests/css/cssom-view/": "import", 
>     "web-platform-tests/css/geometry/": "import", 
>     "web-platform-tests/css/mediaqueries": "import", 
>     "web-platform-tests/css/reference": "import", 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/CaretPosition-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/CaretPosition-001.html
>index d8e97a92342cb8ba7e7a185132849ae60485c329..98bb1f2dcbbb841d8eecd3a44a7d69dccf794999 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/CaretPosition-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/CaretPosition-001.html
>@@ -4,8 +4,8 @@
> <title>CSSOM View Module test:CaretPosition</title>
> <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" />
> <link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-document-elementfrompoint">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style type="text/css">
> .box{
>   position: absolute;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/DOMRectList.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/DOMRectList.html
>index dafced99478580ac45a8a7cc79d405d5f260b862..9de0adbee1555799c673a9fb6fb5ff11b2ff3a6a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/DOMRectList.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/DOMRectList.html
>@@ -1,7 +1,7 @@
> <!DOCTYPE html>
> <title>CSSOM View APIs that return a DOMRectList</title>
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <div id=x>x</div>
> <script>
> setup(() => {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/GetBoundingRect.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/GetBoundingRect.html
>index 7286bd09882e783e2a3c8647b5d6111dcfe0b36a..2ff89488a26233d2ff32c7d7de249f0bd7dccf91 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/GetBoundingRect.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/GetBoundingRect.html
>@@ -4,8 +4,8 @@
>     <meta charset="utf-8">
>     <title>getBoundingClientRect</title>
>     <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-getboundingclientrect">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> 
>     <style>
>       #foo {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html
>index 8255d130345897de077b27c900109e1217e6ce63..2991247924fb5d3d9b9b1070e3d61a317e98a149 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html
>@@ -1,6 +1,6 @@
> <html>
>-<script src="/resources/testharness.js" type="text/javascript"></script>
>-<script src="/resources/testharnessreport.js" type="text/javascript"></script>
>+<script src="../../../../../resources/testharness.js" type="text/javascript"></script>
>+<script src="../../../../../resources/testharnessreport.js" type="text/javascript"></script>
> <style type="text/css">
>     body {
>         border:1px solid black;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-001.html
>index 06c81d5de4c67efaba23f18abcbf8532257a54eb..6b3610feb362da637835c2fbdea54c747d93903f 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-001.html
>@@ -4,8 +4,8 @@
>     <title>CSSOM View Module test:MediaQueryList</title>
>     <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" />
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-mediaquerylist-interface">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <style type="text/css">
>     </style>
> </head>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html
>index 3d5a5316566411c49895e845d8dd0df8e7553a1e..8b90d2367bd3fea49d1be7a1d5daa59cf59d3cbf 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html
>@@ -1,8 +1,8 @@
> <!doctype html>
> <meta charset="utf-8">
> <title>cssom-view - MediaQueryList with empty string</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script>
> test(function () {
>     var mql = window.matchMedia('');
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html
>index 2a8d5b5b4928a5782a61174834bb547f094f2553..82688d2c24afc264fde3207ae07bc7849e281934 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html
>@@ -4,8 +4,8 @@
>     <title>CSSOM View Module test:Screen-pixelDepth,Screen-colorDepth</title>
>     <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" />
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <style type="text/css">
>     </style>
> </head>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html
>index 7d96540adfe95205a770c232473e0c1268e609e2..f3430660573fbfe340c2e4bd2eb700b77740ba69 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html
>@@ -6,8 +6,8 @@
>     <link rel="author" title="Chris Wu" href="mailto:pwx.frontend@gmail.com">
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-getboundingclientrect">
>     <meta name="flags" content="dom">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <style type="text/css">
>         #testItem {
>             width: 279px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html
>index a7c3568969a77903d9b49f6b09d70046ba2b98b7..76952f1640b0af500c84fa530b096c06d435fb58 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html
>@@ -8,8 +8,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-getboundingclientrect">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="Calling getBoundingClientRect on an element that is outside of the DOM (and therefore does not have an associated layout box) should result in an all-zeroes DOMRect and should definitely not throw an error.">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <script>
>         test(
>             function () {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html
>index 813c245c7bef7cc726c843445378fb640044e574..ae622942fbe525aeb85af376422ec87626b1cca9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html
>@@ -3,8 +3,8 @@
>  <head>
>   <title>CSSOM View - getBoxQuads() returns proper border and margin boxes for block and flex</title>
>   <link rel="help" href="https://drafts.csswg.org/cssom-view/#the-geometryutils-interface">
>-  <script src="/resources/testharness.js"></script>
>-  <script src="/resources/testharnessreport.js"></script>
>+  <script src="../../../../../resources/testharness.js"></script>
>+  <script src="../../../../../resources/testharnessreport.js"></script>
> 
>   <style>
>     .container {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects-002.html
>index 9fd791d5db7b195acf24ae0c8d60323ff6e33131..bb7b8c60030e1462b2055f514eed64cd10bd68a1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects-002.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects-002.html
>@@ -3,8 +3,8 @@
>  <head>
>   <title>CSSOM View - GetClientRects().length is the same regardless source new lines</title>
>   <link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>-  <script src="/resources/testharness.js"></script>
>-  <script src="/resources/testharnessreport.js"></script>
>+  <script src="../../../../../resources/testharness.js"></script>
>+  <script src="../../../../../resources/testharnessreport.js"></script>
>  </head>
>  <body>
>   <span id="single">
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects.html
>index 36559eb116a62f0ad86564b4cd76c6b28f6a12eb..556bbd25eaeb32075240dff2d8ed0918a36955e6 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects.html
>@@ -7,8 +7,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-getclientrects">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="Calling getClientRects on an element that is outside of the DOM (and therefore does not have an associated layout box) should result in an empty DOMRectList and should definitely not throw an error.">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <script>
>         test(
>             function () {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html
>index 2f42288104150cf8417bb5b12b07e88c4d20ef4b..2f596c7deb87f053e508613f24f3114088d69a30 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html
>@@ -8,8 +8,8 @@
>         <link rel="help" href="https://drafts.csswg.org/cssom-view/#excensions-to-the-htmlimageelement-interface">
>         <meta name="assert" content="HTMLImageElement attributes give x and y position of CSS layout box">
>         <meta name="flags" content="dom">
>-        <script src="/resources/testharness.js"></script>
>-        <script src="/resources/testharnessreport.js"></script>
>+        <script src="../../../../../resources/testharness.js"></script>
>+        <script src="../../../../../resources/testharnessreport.js"></script>
>     </head>
>     <body>
>         <div id="log"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html
>index 29802ac7129a95c8d20091b279d3a32bbf58943e..0116253cf296142bb6f71b3b2c17b579ba59f9ca 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="window screen interface">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     </head>
>     <body>
>         <div id="myDiv"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/dom-element-scroll.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/dom-element-scroll.html
>index 3f3e27aaf671bd38231fc64e3a5165c388b1bc30..30497b2b7f75cb8a003dc53fba6a5a0f47af0cc7 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/dom-element-scroll.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/dom-element-scroll.html
>@@ -2,8 +2,8 @@
> <meta charset="utf-8">
> <title>dom-element-scroll tests</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrolltop">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>     #section1 {
>         width: 300px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-001.html
>index c2fcc42c530cf21ac3307eca16b5e78d5eb07b9d..19a0f7a0982a12163e7dadf3a92fe42a4fa12985 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-001.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#extensions-to-the-document-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="elementFromPoint returns correct element">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
>     <style>
>     #targetDiv {
>         position: absolute;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-002.html
>index ebab52feada4cb346f2a68c53a0357232271a334..eaee6caf9fed5a3691d34c901491e5e77f0beb6a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-002.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-002.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <title>Checking whether dynamic changes to visibility interact correctly with
>   table anonymous boxes</title>
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <style>
> #overlay {
>   display: table;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-003.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-003.html
>index 0a1ac40e7223ba3d717810cd179b770ca09d7081..95423b9e213fe5a8fc731633a3d178d3216fb233 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-003.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-003.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <title>Checking whether dynamic changes to visibility interact correctly with
>   table anonymous boxes</title>
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <style>
> #overlay {
>   display: table;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
>index e0acb90fb8fe76f3b0c5b561d84a3bdc6e05bd78..64d15e6788587c795905cdbb80259d9ee22390af 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
>@@ -3,8 +3,8 @@
> <title>CSS Test: Hit testing on element previously hidden by an anonymous scroll box</title>
> <link rel="author" title="Emilio Cobos Ãlvarez" href="mailto:emilio@crisal.io">
> <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1433591">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
> html, body {
>   margin: 0;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html
>index e2bac90afdfb226aa8e44d40dc36d98423181cc3..9f8d7d85fb05be29f14f5ad3a485039feed5278c 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html
>@@ -1,7 +1,7 @@
> <!DOCTYPE html>
> <link rel="help" href="http://www.w3.org/TR/cssom-view/#extensions-to-the-document-interface">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <div style="font-size: 40px">
>   <span id="target">
>     XXX <span id="small" style="font-size:10px">small</span> YYY
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-parameters.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-parameters.html
>index 899e411bdd302f2995a9d337ac5a3f89bd1c709b..b14b081dd1ddbfa52fdd162f7280054eb58ce94a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-parameters.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-parameters.html
>@@ -2,8 +2,8 @@
> <title>Tests that the parameters to document.elementFromPoint() and
> document.elementsFromPoint() are mandatory and of type double.</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#extensions-to-the-document-interface">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script>
> function validate_function_parameter_count(testFunc, funcName) {
>     test(function() {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..a55e8ef660722e3e9c83d7a56563968aba0ccb53
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel-expected.txt
>@@ -0,0 +1,8 @@
>+
>+FAIL Hit test top left corner of box assert_equals: expected Element node <div class="box" id="box">
>+      <div class="child"></div... but got Element node <div class="map"></div>
>+PASS Hit test top right corner of box 
>+FAIL Hit test bottom left corner of box assert_equals: expected Element node <div class="box" id="box">
>+      <div class="child"></div... but got Element node <div class="map"></div>
>+PASS Hit test lower left corner of box 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2e2488f2aef6dc1c470060fb63ee158ad16ef685
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html
>@@ -0,0 +1,59 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+  <title>CSSOM View - extensions to the Document interface</title>
>+  <link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org">
>+  <link rel="help" href="http://www.w3.org/TR/cssom-view/#extensions-to-the-document-interface">
>+  <script src="../../../../../resources/testharness.js"></script>
>+  <script src="../../../../../resources/testharnessreport.js"></script>
>+  <style>
>+    .container {
>+      display: flex;
>+      width: 500px;
>+      height: 100px;
>+    }
>+
>+    .map {
>+      flex: 1 1 auto;
>+      position: relative;
>+    }
>+
>+    .box {
>+      flex: 0 0 auto;
>+    }
>+
>+    .child {
>+      width: 183.66px;
>+    }
>+  </style>
>+</head>
>+<body>
>+  <div class="container">
>+    <div class="map"></div>
>+    <div class="box" id="box">
>+      <div class="child"></div>
>+    </div>
>+  </div>
>+
>+  <script>
>+    const box = document.getElementById('box');
>+    const rect = box.getBoundingClientRect();
>+
>+    test(() => {
>+      assert_equals(document.elementFromPoint(rect.x, rect.y), box);
>+    }, 'Hit test top left corner of box');
>+
>+    test(() => {
>+      assert_equals(document.elementFromPoint(rect.x + rect.width - 1, rect.y), box);
>+    }, 'Hit test top right corner of box');
>+
>+    test(() => {
>+      assert_equals(document.elementFromPoint(rect.x, rect.y + rect.height - 1), box);
>+    }, 'Hit test bottom left corner of box');
>+
>+    test(() => {
>+      assert_equals(document.elementFromPoint(rect.x + rect.width - 1, rect.y + rect.height - 1), box);
>+    }, 'Hit test lower left corner of box');
>+  </script>
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint.html
>index 33de41e90f6586c28a8d61635f7af2f307d62138..ceeb21c69d09234c0def5f05e9a2601f7d1bc382 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint.html
>@@ -1,7 +1,7 @@
> <!DOCTYPE html>
> <title>cssom-view - elementFromPoint</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>   .size {
>     width:60px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPosition.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPosition.html
>index ed86d16b7de85d2b019a6e513df5e04935742932..6d2b6868a45e9d9cdcf73278e0a34de1894d80aa 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPosition.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPosition.html
>@@ -6,8 +6,8 @@
>     <link rel="author" title="Chris" href="mailto:pwx.frontend@gmail.com" />
>     <link rel="help" href="https://www.w3.org/TR/cssom-view/#dom-document-elementfrompoint" />
>     <meta name="flags" content="dom" />
>-    <script src="/resources/testharness.js" type="text/javascript"></script>
>-    <script src="/resources/testharnessreport.js" type="text/javascript"></script>
>+    <script src="../../../../../resources/testharness.js" type="text/javascript"></script>
>+    <script src="../../../../../resources/testharnessreport.js" type="text/javascript"></script>
> </head>
> <body>
>     <noscript>Test not run - JavaScript required!</noscript>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll-002.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll-002.html
>index a1a28aab9e53392530df1289d0b3fae126c269f5..a4b5e6ef6456f01a2bba66ac69e7bbb4910f8e27 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll-002.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll-002.html
>@@ -3,8 +3,8 @@
> <title>cssom-view - elementScroll - 002</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrolltop">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollleft">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <div id="scroller1" style="height: 100px; width: 100px; overflow: scroll; background: red;">
>     <div style="background: green; margin-top: 100px; margin-left: 100px; width: 100px; height: 100px;"></div>
> </div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll.html
>index 2ef76e9d64fa2036dadb26c7a809dab6bfaad1fc..e352cd055f54bcaf32c6f2fb8e0b1d30105720b8 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll.html
>@@ -1,8 +1,8 @@
> <!DOCTYPE html>
> <meta charset=utf-8>
> <title>cssom-view - elementScroll</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>     #section {
>         width: 300px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html
>index 3bba161b47d1ff3424b331b69444051af1300d71..330f4fbc8601918115dc1133d29548cc48153002 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <script>
> var loadedFrameCount = 0;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..facb52917e67a3cc0af43a7f7cd6b1e42fc9bce7
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:horizontal-tb; direction:ltr;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(15, 15);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..795688007631d97e41645ece97c92bde0c58350f
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:horizontal-tb; direction:rtl;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(200, 15);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..47e4ad3b7b1526c71a539c595c9c2cf14b55f7d5
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:vertical-lr; direction:ltr;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(15, 15);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..aec0e1752d8e7e13b6667263e68e5c87ae9d8041
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:vertical-lr; direction:rtl;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(15, 200);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..735ff2cf73d7a4b001a766fa9082b3dfd8850d38
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:vertical-rl; direction:ltr;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(200, 15);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63b983d10333fb530861be5045790541497ecb80
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+target
>+
>+PASS elementsFromPoint should return all elements under a point 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f96280088f61a11b4751094578f9fc4608494efc
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#extensions-to-the-document-interface">
>+<div id="container" style="width:200px; height:200px; writing-mode:vertical-rl; direction:rtl;">
>+  <span id="target">target</span>
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=> {
>+      var elements = document.elementsFromPoint(200, 200);
>+      assert_equals(elements.length, 4);
>+      assert_equals(elements[0].id, "target");
>+      assert_equals(elements[1].id, "container");
>+      assert_equals(elements[2].nodeName, "BODY");
>+      assert_equals(elements[3].nodeName, "HTML");
>+  }, "elementsFromPoint should return all elements under a point");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html
>index 369cffcd31ad9ef8a2946a9974f4030a5798bfed..c649fb5f37843de0cb37cf6137509a32d5f2310d 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html
>index b3e0c6db269f468be4185618ffd6c4f32beae83d..b5f7f19787f5a1b605d944d0899019847ea71848 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html, body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-simple.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-simple.html
>index 4973121d7db5ad4b36d4eaac0446186f7cbe5fbc..f1228d740feb5519cd5bf6653b78f6ea5e7b657e 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-simple.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-simple.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html, body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html
>index 8bbc23eb2178e1275338943c3127405e9011de90..176fa87677b05e632cb2bbbc00e1fea20f6689f0 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html
>@@ -1,8 +1,8 @@
> <!DOCTYPE HTML>
> <title>Document.prototype.elementsFromPoint on SVG text content elements</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementsfrompoint">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html, body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg.html
>index 8535228ababb0cf5f271b0d3cc01c3c4d7106a61..a5dc339feadd07b7bc439fbcff7ed57e337f24f5 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html, body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-table.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-table.html
>index 9ecb614b6665bbaef61eab80226e521a0c18eb10..6d50ec9f342ec1890563f2dc5e2c08a41374c111 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-table.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-table.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="resources/elementsFromPoint.js"></script>
> <style>
> html, body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint.html
>index c48f321c8179a6698ebcfd7b097a90412a9c79ed..a6d2358be13ca24a5479ca52351af4f4c25418e9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint.html
>@@ -1,7 +1,7 @@
> <!DOCTYPE html>
> <title>cssom-view - elementsFromPoint</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>   .size {
>     width:60px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..cf2f468362dbcb5ea8cce5fc6aeb15b0fa71b9b4
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:horizontal-tb; direction:ltr;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_equals(r.left, 0);
>+      assert_greater_than_equal(r.top, 0);
>+      assert_less_than(r.top, 50);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..21132543f4e574099283de9dc89b07db075d1893
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:horizontal-tb; direction:rtl;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_equals(r.left, 200);
>+      assert_greater_than_equal(r.top, 0);
>+      assert_less_than(r.top, 50);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2a4c2e2ca542a9c13b8ef4171f15c2b075cc96a8
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:vertical-lr; direction:ltr;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_greater_than_equal(r.left, 0);
>+      assert_less_than(r.left, 50);
>+      assert_equals(r.top, 0);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..dfb49cb2d9e4748b724da8bee648939b24a20863
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:vertical-lr; direction:rtl;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_greater_than_equal(r.left, 0);
>+      assert_less_than(r.left, 50);
>+      assert_equals(r.top, 100);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..ed19ab5d2198fc11bcd7598ac92b4163fedd8c86
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:vertical-rl; direction:ltr;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_greater_than(r.left, 150);
>+      assert_less_than(r.left, 200);
>+      assert_equals(r.top, 0);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..97f33e33241d042ab20d0cd036f6bfcda0f65d16
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl-expected.txt
>@@ -0,0 +1,4 @@
>+
>+
>+PASS Position of the BR element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..bfebc8b4d4dac78b693bbe135a0b2f527353bdd9
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<div style="position:absolute; top:0; left:0; width:200px; height:100px; writing-mode:vertical-rl; direction:rtl;">
>+  <br id="child">
>+</div>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  test(()=>{
>+      let r = document.getElementById("child").getClientRects()[0];
>+      assert_greater_than(r.left, 150);
>+      assert_less_than(r.left, 200);
>+      assert_equals(r.top, 100);
>+  }, "Position of the BR element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..98ee818a8468b73f29c6c3c8a60bb3b3a0f21fa8
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline-expected.html
>@@ -0,0 +1,4 @@
>+<!DOCTYPE html>
>+<title>CSS Reftest Reference</title>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<p>There should be nothing below.</p>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..415e34a6f0430e08441ee32b3f7c0ca8cd11a692
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline.html
>@@ -0,0 +1,55 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
>+<link rel="match" href="../reference/nothing.html">
>+<style>
>+  .container {
>+    float: left;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+    color: red;
>+  }
>+  .correctionFluid {
>+    position: absolute;
>+    background: white;
>+
>+    /* Add some fluff to cover text ink-overflow. */
>+    outline:2px solid white;
>+  }
>+</style>
>+<p>There should be nothing below.</p>
>+  <div class="container" style="writing-mode:horizontal-tb;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-lr;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-rl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:horizontal-tb; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-lr; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-rl; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+<script>
>+  // Create a white absolutely positioned box for each span.child
>+  // element and cover it.
>+
>+  let elements = document.querySelectorAll("span.child");
>+  elements.forEach((element)=> {
>+    let correctionFluid = document.createElement("div");
>+    correctionFluid.className = "correctionFluid";
>+    var r = element.getClientRects()[0];
>+    correctionFluid.style.left = r.left + "px";
>+    correctionFluid.style.top = r.top + "px";
>+    correctionFluid.style.width = r.width + "px";
>+    correctionFluid.style.height = r.height + "px";
>+    document.body.appendChild(correctionFluid);
>+  });
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/historical.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/historical.html
>index bf82eac1157aea5fa256861ef04f8da15e6ae89e..56cedf44e363e733345b3913fd62d8d749075311 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/historical.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/historical.html
>@@ -1,8 +1,8 @@
> <!doctype html>
> <meta charset="utf-8">
> <title>Historical features</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <div id="log"></div>
> <script>
> test(function() {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html
>index 9171997e2a9c59df4e4c1aaad58079593d496cf1..08f0d246e0f9cfbb4c28335684b886e620a84596 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-htmlelement-offsetwidth">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="element.offsetWidth returns 0 when there is no documentElement.">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> </head>
> <body>
>     <div id="myDiv">...</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..875a727c9588704463616ea6035e5570e09bd042
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance-expected.txt
>@@ -0,0 +1,4 @@
>+
>+PASS Property scroll-behavior has initial value auto 
>+PASS Property scroll-behavior does not inherit 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2abbda83bacb7511eace762b93349fec01a3e36f
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance.html
>@@ -0,0 +1,21 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+<meta charset="utf-8">
>+<title>Inheritance of CSSOM View properties</title>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#property-index">
>+<meta name="assert" content="Properties inherit or not according to the spec.">
>+<meta name="assert" content="Properties have initial values according to the spec.">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script src="/css/support/inheritance-testcommon.js"></script>
>+</head>
>+<body>
>+<div id="container">
>+  <div id="target"></div>
>+</div>
>+<script>
>+assert_not_inherited('scroll-behavior', 'auto', 'smooth');
>+</script>
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/interfaces.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/interfaces.html
>index c5e83b826196dbc595b38b05a6d5ffa3578a1b6f..a0bb02e336e0a949a247db26de23aa22c677fcd8 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/interfaces.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/interfaces.html
>@@ -4,8 +4,8 @@
> <title>CSSOM View automated IDL tests</title>
> <link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view-1/#idl-index">
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <script src=/resources/WebIDLParser.js></script>
> <script src=/resources/idlharness.js></script>
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6914cba30972387b929113817fa56c6bd1384387
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited-expected.html
>@@ -0,0 +1,41 @@
>+<!DOCTYPE html>
>+<meta charset="utf-8">
>+<title>Long scrolling should work properly</title>
>+<link rel="author" title="Mason Freed" href="mailto:masonfreed@chromium.org">
>+
>+
>+
>+<style>
>+.post {
>+  height: 1000px;
>+  width: 300px;
>+  border: 1px solid black;
>+
>+}
>+.before {
>+  height: 213px;
>+  border-top: 0;
>+}
>+.scroller {
>+  overflow-y: scroll;
>+  width: 500px;
>+  height: 500px;
>+  will-change: transform;
>+}
>+::-webkit-scrollbar {
>+  display: none;
>+}
>+</style>
>+
>+<p>The number 7 should be visible in the scrolled window below.</p>
>+
>+<div id="scroller" class="scroller">
>+  <div style="position: relative;">
>+    <div style="position: relative;">
>+      <div class="post before"></div>
>+      <div class="post">7</div>
>+    </div>
>+  </div>
>+</div>
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..aa91023c1ac456902f34ccf6a4df0fed1e852bf2
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited.html
>@@ -0,0 +1,50 @@
>+<!DOCTYPE html>
>+<meta charset="utf-8">
>+<title>Long scrolling should work properly</title>
>+<link rel="author" title="Mason Freed" href="mailto:masonfreed@chromium.org">
>+<link rel="help" href="https://www.w3.org/TR/cssom-view/#scrolling">
>+<link rel="match" href="long_scroll_composited-ref.html">
>+
>+<style>
>+.post {
>+  height: 1000px;
>+  width: 300px;
>+  border: 1px solid black;
>+
>+}
>+.scroller {
>+  overflow-y: scroll;
>+  width: 500px;
>+  height: 500px;
>+  will-change: transform;
>+}
>+::-webkit-scrollbar {
>+  display: none;
>+}
>+</style>
>+
>+<p>The number 7 should be visible in the scrolled window below.</p>
>+
>+<div id="scroller" class="scroller">
>+  <div style="position: relative;">
>+    <div style="position: relative;">
>+      <div class="post">0</div>
>+      <div class="post">1</div>
>+      <div class="post">2</div>
>+      <div class="post">3</div>
>+      <div class="post">4</div>
>+      <div class="post">5</div>
>+      <div class="post">6</div>
>+      <div class="post">7</div>
>+      <div class="post">8</div>
>+      <div class="post">9</div>
>+    </div>
>+  </div>
>+</div>
>+
>+<script>
>+onload = function() {
>+  scroller=document.getElementById("scroller");
>+  scroller.scrollTop = 6800;
>+};
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..3ce40923213758d4c6b8775c6650c91169bbd652
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe-expected.txt
>@@ -0,0 +1,4 @@
>+
>+PASS matchMedia should work in display: none iframes 
>+PASS matchMedia should assume a 0x0 viewport in display: none iframes 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..8c598e198393f8f6517e2bc59735d99d0673ebc7
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html
>@@ -0,0 +1,19 @@
>+<!doctype html>
>+<title>CSS Test: matchMedia works on display: none iframes</title>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-window-matchmedia">
>+<link rel="author" title="Emilio Cobos Ãlvarez" href="mailto:emilio@crisal.io">
>+<link rel="author" title="Mozilla" href="https://mozilla.org">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+  function frameLoaded(frame) {
>+    test(function() {
>+      assert_true(frame.contentWindow.matchMedia("all").matches);
>+    }, "matchMedia should work in display: none iframes");
>+    test(function() {
>+      assert_true(frame.contentWindow.matchMedia("(min-width: 0)").matches);
>+      assert_true(!frame.contentWindow.matchMedia("(min-width: 1px)").matches);
>+    }, "matchMedia should assume a 0x0 viewport in display: none iframes");
>+  }
>+</script>
>+<iframe style="display: none" onload="frameLoaded(this)"></iframe>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht
>index 7ac875c6aa967187d8171f0876a5de15adfe5249..1dfde7fe6f52123f16646a8c7a807bfad7fdcad7 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht
>@@ -3,13 +3,14 @@
> <html xmlns="http://www.w3.org/1999/xhtml">
>     <head>
>         <title>CSS Test: CSSOM View matchMedia and MediaQueryList</title>
>+        <meta name="timeout" content="long"/>
>         <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-window-matchmedia" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-mediaquerylist-interface" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-1/#serializing-media-queries" />
>         <meta name="flags" content="dom" />
>-        <script src="/resources/testharness.js" type="text/javascript" />
>-        <script src="/resources/testharnessreport.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharness.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharnessreport.js" type="text/javascript" />
>         <style type="text/css"><![CDATA[
>             iframe { border: none; }
>         ]]></style>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMediaAddListener.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMediaAddListener.html
>index 7236be7febc985a9432e3127b78acf352bb91fa1..f794e6edf1ef55d0552c1e6872185f57cbcfdfcd 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMediaAddListener.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMediaAddListener.html
>@@ -5,8 +5,8 @@
>         <link rel="author" title="Chris Wu" href="mailto:pwx.frontend@gmail.com" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-mediaquerylist-interface" />
>         <meta name="flags" content="dom" />
>-        <script src="/resources/testharness.js" type="text/javascript"></script>
>-        <script src="/resources/testharnessreport.js" type="text/javascript"></script>
>+        <script src="../../../../../resources/testharness.js" type="text/javascript"></script>
>+        <script src="../../../../../resources/testharnessreport.js" type="text/javascript"></script>
>         <style type="text/css">
>             iframe { border: none; }
>         </style>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/mouseEvent.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/mouseEvent.html
>index 907a2b405e442ba09ae623327d6f7de5492d3a80..4d4b912fcb17a78327b9ce048a9e6b555d562e3b 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/mouseEvent.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/mouseEvent.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <head>
> <title>CSSOM MouseEvent tests</title>
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <script>
> test(function () {
>     var mouseEvent = new MouseEvent('mousedown', {clientX: 10, clientY: 20});
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/negativeMargins.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/negativeMargins.html
>index 0616e8b4999e73b5a43d46d7364a079607515f5b..274994454e4974cc667b6f1ba40e7e6bf824fede 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/negativeMargins.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/negativeMargins.html
>@@ -1,8 +1,8 @@
> <!DOCTYPE html>
> <meta charset=utf-8>
> <title>cssom-view - elementFromPoint and elementsFromPoint dealing with negative margins</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <body>
> <div id="outer" style="background:yellow">
>   <div id="inner" style="width:100px; height:100px; margin-bottom:-100px; background:lime;"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetParent_element_test.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetParent_element_test.html
>index bb5686d41daebaa6cff5b023cbab5211248b7aac..1090ffbee7fdd603b1c679d37b38177d6b61ab45 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetParent_element_test.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetParent_element_test.html
>@@ -6,8 +6,8 @@
> <link rel="author" title="neo_and_rayi" href="mailto:1988wangxiao@gmail.com">
> <link rel="help" href="http://www.w3.org/TR/cssom-view/#extensions-to-the-htmlelement-interface">
> <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-htmlelement-offsetparent">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
> #fixed {
>     position: fixed;
>@@ -93,6 +93,7 @@ var caption_element_child = document.getElementById('caption-element-child');
> var table_element_tr = document.getElementById('table-element-tr');
> var table_element = document.getElementById('table-element');
> 
>+// The offsetParent attribute algorithm rule checking passed!
> test(function() {
>     assert_equals(html.offsetParent,null);
>     assert_equals(body.offsetParent,null);
>@@ -104,10 +105,9 @@ test(function() {
>     assert_equals(none_element_child_audio.offsetParent,null);
>     assert_equals(none_element_child_canvas.offsetParent,null);
>     assert_equals(none_element_child_svg.offsetParent,undefined);
>-}, "Valid the algorithm rule of offsetParent check step 1",
>-{ assert: "The offsetParent attribute algorithm rule checking passed!" }
>-);
>+}, "Valid the algorithm rule of offsetParent check step 1");
> 
>+// The offsetParent attribute algorithm rule checking passed!
> test(function() {
>     assert_equals(body_element_child.offsetParent,body);
>     assert_equals(window.getComputedStyle(relative_element).position,'relative');
>@@ -122,9 +122,7 @@ test(function() {
>     assert_equals(caption_element_child.offsetParent,table_element);
>     assert_equals(window.getComputedStyle(td_element).position,'static');
>     assert_equals(td_element.offsetParent,table_element);
>-}, "Valid the algorithm rule of offsetParent check step 2",
>-{ assert: "The offsetParent attribute algorithm rule checking passed!" }
>-);
>+}, "Valid the algorithm rule of offsetParent check step 2");
> 
> </script>
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..aac398080dda579e70fb8765e706c9a46d7daf99
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt
>@@ -0,0 +1,11 @@
>+
>+ref
>+
>+ref
>+
>+ref
>+
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 0 assert_equals: offsetLeft expected 16 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 1 assert_equals: offsetLeft expected 34 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 2 assert_equals: offsetLeft expected 34 but got 0
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..ebb565aab3b8893feefbe9a7741f35136f24d411
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset-expected.txt
>@@ -0,0 +1,20 @@
>+offset 
>+offsetref
>+offset 
>+offsetref
>+offset 
>+offsetref
>+offset 
>+offsetref
>+offset 
>+offsetref
>+offset 
>+offsetref
>+
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 0 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 1 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 2 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 3 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 4 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 5 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f60e7d9c9939be205dd87ee3882f2eccee5a6122
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html
>@@ -0,0 +1,47 @@
>+<!DOCTYPE html>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
>+<style>
>+  .container {
>+    position: relative;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+  }
>+</style>
>+<div class="container" style="writing-mode:horizontal-tb;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-lr;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-rl;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:horizontal-tb; direction:rtl;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-lr; direction:rtl;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-rl; direction:rtl;">
>+  offset
>+  <br>offset<span class="target"></span><span>ref</span>
>+</div>
>+<script>
>+var i = 0;
>+document.querySelectorAll('span.target').forEach((target) => {
>+  var ref = target.nextSibling;
>+  test(() => {
>+    assert_equals(target.offsetLeft, ref.offsetLeft, 'offsetLeft');
>+    assert_equals(target.offsetTop, ref.offsetTop, 'offsetTop');
>+  }, 'offsetTop/Left of empty inline elements should work as if they were not empty: ' + i);
>+  i++;
>+});
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b3954ef5eae8e985e115b9dbc37eb42048ac9661
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html
>@@ -0,0 +1,32 @@
>+<!DOCTYPE html>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
>+<style>
>+  .container {
>+    position: relative;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+  }
>+</style>
>+<div class="container" style="writing-mode:horizontal-tb;">
>+  <br><span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-lr;">
>+  <br><span class="target"></span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-rl;">
>+  <br><span class="target"></span><span>ref</span>
>+</div>
>+<script>
>+var i = 0;
>+document.querySelectorAll('span.target').forEach((target) => {
>+  var ref = target.nextSibling;
>+  test(() => {
>+    assert_equals(target.offsetLeft, ref.offsetLeft, 'offsetLeft');
>+    assert_equals(target.offsetTop, ref.offsetTop, 'offsetTop');
>+  }, 'offsetTop/Left of empty inline elements should work as if they were not empty: ' + i);
>+  i++;
>+});
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..98ee818a8468b73f29c6c3c8a60bb3b3a0f21fa8
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html
>@@ -0,0 +1,4 @@
>+<!DOCTYPE html>
>+<title>CSS Reftest Reference</title>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<p>There should be nothing below.</p>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..772cc34f05bffc5b8445cd23ba13d9357269b84b
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html
>@@ -0,0 +1,54 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
>+<link rel="match" href="../reference/nothing.html">
>+<style>
>+  .container {
>+    float: left;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+    color: red;
>+  }
>+  .correctionFluid {
>+    position: absolute;
>+    background: white;
>+
>+    /* Add some fluff to cover text ink-overflow. */
>+    outline:2px solid white;
>+  }
>+</style>
>+<p>There should be nothing below.</p>
>+  <div class="container" style="writing-mode:horizontal-tb;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-lr;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-rl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:horizontal-tb; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-lr; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+  <div class="container" style="writing-mode:vertical-rl; direction:rtl;">
>+    <br><span class="child">FAIL</span>
>+  </div>
>+<script>
>+  // Create a white absolutely positioned box for each span.child
>+  // element and cover it.
>+
>+  let elements = document.querySelectorAll("span.child");
>+  elements.forEach((element)=> {
>+    let correctionFluid = document.createElement("div");
>+    correctionFluid.className = "correctionFluid";
>+    correctionFluid.style.left = element.offsetLeft + "px";
>+    correctionFluid.style.top = element.offsetTop + "px";
>+    correctionFluid.style.width = element.offsetWidth + "px";
>+    correctionFluid.style.height = element.offsetHeight + "px";
>+    document.body.appendChild(correctionFluid);
>+  });
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..aac398080dda579e70fb8765e706c9a46d7daf99
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt
>@@ -0,0 +1,11 @@
>+
>+ref
>+
>+ref
>+
>+ref
>+
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 0 assert_equals: offsetLeft expected 16 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 1 assert_equals: offsetLeft expected 34 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 2 assert_equals: offsetLeft expected 34 but got 0
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f3c2c06d4ac603e6ddf4220b569f940b1cb84385
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html
>@@ -0,0 +1,32 @@
>+<!DOCTYPE html>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
>+<style>
>+  .container {
>+    position: relative;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+  }
>+</style>
>+<div class="container" style="writing-mode:horizontal-tb;">
>+  <br><span class="target"> </span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-lr;">
>+  <br><span class="target"> </span><span>ref</span>
>+</div>
>+<div class="container" style="writing-mode:vertical-rl;">
>+  <br><span class="target"> </span><span>ref</span>
>+</div>
>+<script>
>+var i = 0;
>+document.querySelectorAll('span.target').forEach((target) => {
>+  var ref = target.nextSibling;
>+  test(() => {
>+    assert_equals(target.offsetLeft, ref.offsetLeft, 'offsetLeft');
>+    assert_equals(target.offsetTop, ref.offsetTop, 'offsetTop');
>+  }, 'offsetTop/Left of empty inline elements should work as if they were not empty: ' + i);
>+  i++;
>+});
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..3b05620c787652e02971ebb934ead216b92b3545
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline-expected.txt
>@@ -0,0 +1,11 @@
>+
>+ref
>+
>+ref
>+
>+ref
>+
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 0 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 1 
>+PASS offsetTop/Left of empty inline elements should work as if they were not empty: 2 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..ebec51cb764ee6d80867ab1b70752246ab86d4a9
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html
>@@ -0,0 +1,36 @@
>+<!DOCTYPE html>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#extensions-to-the-htmlelement-interface">
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
>+<style>
>+  .container {
>+    position: relative;
>+    width: 8em;
>+    height: 7em;
>+    padding: 1em;
>+  }
>+</style>
>+<div class="container" style="writing-mode:horizontal-tb;">
>+  <br><span>ref</span><span class="target"> </span>
>+</div>
>+<div class="container" style="writing-mode:vertical-lr;">
>+  <br><span>ref</span><span class="target"> </span>
>+</div>
>+<div class="container" style="writing-mode:vertical-rl;">
>+  <br><span>ref</span><span class="target"> </span>
>+</div>
>+<script>
>+var i = 0;
>+document.querySelectorAll('span.target').forEach((target) => {
>+  var ref = target.previousSibling;
>+  test(() => {
>+    assert_equals(target.offsetLeft,
>+                  ref.offsetLeft + (i ? 0 : ref.offsetWidth),
>+                  'offsetLeft');
>+    assert_equals(target.offsetTop,
>+                  ref.offsetTop + (i ? ref.offsetHeight : 0),
>+                  'offsetTop');
>+  }, 'offsetTop/Left of empty inline elements should work as if they were not empty: ' + i);
>+  i++;
>+});
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html
>index 8f4433795424a00a896278173747aa9e192e181d..f38c2b155a1ed2e58b93fbdc268a0699c0ca6bb9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html
>@@ -1,8 +1,8 @@
> <!doctype html>
> <meta charset=utf-8>
> <title></title>
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <div id=log></div>
> <div id="parent" style="overflow:scroll; height: 100px; position: relative">
>   <div id="spacer" style="height: 200px"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..4519122a7ec2ffdceeed29b97d47d7f5fad8551d
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg-expected.txt
>@@ -0,0 +1,4 @@
>+
>+PASS clientWidth, clientHeight, clientTop and clientLeft work on outer svg element 
>+PASS scrollWidth, scrollHeight, scrollTop and scrollLeft work on outer svg element 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6ed8cccbb17c0158cbea1a9a41cee8a0da617e18
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg.html
>@@ -0,0 +1,35 @@
>+<!doctype html>
>+<title>CSS Tests: client* and scroll* APIs work as expected with outer SVG elements</title>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#extension-to-the-element-interface">
>+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=874811">
>+<link rel="author" title="violet" href="mailto:violet.bugreport@gmail.com">
>+<link rel="author" title="Emilio Cobos Ãlvarez" href="mailto:emilio@crisal.io">
>+<link rel="author" title="Mozilla" href="https://mozilla.org">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<style>
>+#u {
>+  padding: 30px;
>+  transform: translate(50px,60px) scale(2,3);
>+  border: 5px solid lime;
>+  width: 50px;
>+  height: 100px;
>+}
>+</style>
>+<div style="width: 100px; height: 2000px; border: 1px solid blue"></div>
>+<svg id="u"></svg>
>+<script>
>+let u = document.getElementById("u");
>+test(function() {
>+  assert_equals(u.clientTop, 5, "u.clientTop");
>+  assert_equals(u.clientLeft, 5, "u.clientLeft");
>+  assert_equals(u.clientWidth, 110, "u.clientWidth");
>+  assert_equals(u.clientHeight, 160, "u.clientHeight");
>+}, "clientWidth, clientHeight, clientTop and clientLeft work on outer svg element");
>+test(function() {
>+  assert_equals(u.scrollTop, 0, "u.scrollTop");
>+  assert_equals(u.scrollLeft, 0, "u.scrollLeft");
>+  assert_equals(u.scrollWidth, 110, "u.scrollWidth");
>+  assert_equals(u.scrollHeight, 160, "u.scrollHeight");
>+}, "scrollWidth, scrollHeight, scrollTop and scrollLeft work on outer svg element");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..ce89293a3f5645d34729d28c1fabc437702a15d3
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout-expected.txt
>@@ -0,0 +1,3 @@
>+
>+PASS resize events are not fired on the initial layout 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..7638536a9f3c8e1a9e0520b01d03a768dd526660
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<meta charset=utf-8>
>+<meta name="viewport" content="width=device-width">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#run-the-resize-steps"/>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
>+<script>
>+promise_test(async t => {
>+  let gotResizeEvent = false;
>+
>+  on_event(window, 'resize', () => gotResizeEvent = true);
>+
>+  await new Promise(resolve  => requestAnimationFrame(resolve));
>+  await new Promise(resolve  => requestAnimationFrame(resolve));
>+
>+  assert_false(gotResizeEvent, 'resize event should not be fired');
>+}, 'resize events are not fired on the initial layout');
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..d9318b1c3961c40d188ba730c97d947e437b66a3
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop-expected.txt
>@@ -0,0 +1,4 @@
>+
>+PASS screenLeft 
>+PASS screenTop 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b87fde82026705ef3864c245bced90fbf13bb630
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-window-screenleft">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-window-screentop">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<script>
>+test(() => {
>+  assert_equals(typeof window.screenLeft, "number", "screenLeft type");
>+  assert_equals(window.screenLeft, window.screenX, "alias of screenX");
>+}, "screenLeft");
>+
>+test(() => {
>+  assert_equals(typeof window.screenTop, "number", "screenTop type");
>+  assert_equals(window.screenTop, window.screenY, "alias of screenY");
>+}, "screenTop");
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html
>index 8606b1f3ed40b49c693213e02df69d088d93b979..6925cf092c6f2efd455233f2e647cd132a3630f2 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   .scrollable {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-element.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-element.html
>index 9f60ca771121c82237f2be2097d089f582918fe5..3cbd722f724d003636bba3aa16ea4d10f1b4e124 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-element.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-element.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   .scrollable {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html
>index 7ef0a4aa0da74a724a851cb1b2f16305712f7b7f..fcf75aa1ddbd22de423d63e536f58c4bc08e7682 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html
>index 57b0d913461a3d374afeb204ed164b97e7d82b38..8c88ec6861d39579f32afbd867bc324b835fa751 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html
>@@ -1,11 +1,12 @@
> <!DOCTYPE html>
> <title>Testing scrollOptions' behavior for Element.scroll* on the window of the main frame</title>
> <meta name="timeout" content="long"/>
>+<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   body {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html
>index 2a97e0656637d12a2451fecd2985cd3370bb75cf..3a8906532b9304aceb6a580674b982ca2524e171 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   .scrollable {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html
>index 19e317d5e4b9e65aca7df6becb35481ad8125bac..005d2b604d7f6a86dc2a590bf3358e5df6f221e9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <style>
>   .scrollable {
>@@ -109,7 +109,7 @@
>   }, "Scroll positions when aborting a smooth scrolling with another smooth scrolling");
> 
>   promise_test(() => {
>-    return new Promise(function(resolve) {
>+    return new Promise(function(resolve, reject) {
>       resetScroll(overflowNode);
>       var initialScrollAborted = false;
>       var oldLeft = overflowNode.scrollLeft;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html
>index e1a7a6a1680393541a93552b2e9a9a64945e355e..394638d0318ef14f1397b7ac07c11d12cc0a3e7d 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html
>@@ -1,9 +1,10 @@
> <!DOCTYPE html>
> <title>cssom-view - scroll-behavior: smooth</title>
>+<meta name="timeout" content="long">
> <link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#smooth-scrolling">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>   .filler { height: 10000px }
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html
>index 32de1b62038e0db017b7416554fbf5e92485d3ea..e641e53e33e10b98b29df65783673438460c6cad 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <div id="log">
> </div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html
>index 0a8ed39d1b97d493e9f8ffe0710e711afa491f43..d931e003d42127af8e57c52bc796b79c05aee4b9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="FrÃ©dÃ©ric Wang" href="mailto:fwang@igalia.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#propdef-scroll-behavior">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#scrolling-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script src="support/scroll-behavior.js"></script>
> <div id="log">
> </div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-no-layout-box.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-no-layout-box.html
>index cc67ce76ed9d432656b37c9c81a20e86d1bafc8d..061df1b3f78954244b91d7b8278cafcdb16ff8e7 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-no-layout-box.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-no-layout-box.html
>@@ -3,8 +3,8 @@
> <title>cssom-view - Scrolling element with no layout box</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scroll">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#css-layout-box">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> 
> <div style="display: none">
>   <div id="elem"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..2b9fa89570a7a574557c77933e9c166b013c57a5
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt
>@@ -0,0 +1,11 @@
>+
>+FAIL scrollIntoView({"block":"start","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -100
>+FAIL scrollIntoView({"block":"start","inline":"center"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -143
>+FAIL scrollIntoView({"block":"start","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -185
>+FAIL scrollIntoView({"block":"center","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -100
>+FAIL scrollIntoView({"block":"center","inline":"center"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -143
>+FAIL scrollIntoView({"block":"center","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -185
>+FAIL scrollIntoView({"block":"end","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -100
>+FAIL scrollIntoView({"block":"end","inline":"center"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -143
>+FAIL scrollIntoView({"block":"end","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -185
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..8f528cc89776f01e4cdc36687adec4a501272a22
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html
>@@ -0,0 +1,111 @@
>+<!DOCTYPE html>
>+<title>CSSOM View - scrollIntoView considers horizontal-tb and rtl direction</title>
>+<meta charset="utf-8">
>+<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#scroll-an-element">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+
>+<style>
>+.box {
>+  float: left;
>+  width: 200px;
>+  height: 200px;
>+}
>+#scroller {
>+  direction: rtl;
>+  overflow: scroll;
>+  width: 300px;
>+  height: 300px;
>+}
>+#container{
>+  width: 600px;
>+  height: 600px;
>+}
>+#target {
>+  background-color: #ff0;
>+}
>+</style>
>+<body>
>+<div id="scroller">
>+  <div id="container">
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box" id="target"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+  </div>
>+</div>
>+
>+<script>
>+// In horizontal-tb mode and rtl direction, X corresponds to the inline axis
>+// and is oriented leftward. Y corresponds to the block axis and is oriented
>+// downward. So the beginning edges are the top and right edges and the ending
>+// edges are the bottom and left edges.
>+
>+// According to the spec, x is min(0, max(x, element padding edge width - element scrolling area width)).
>+// So x is nonpositive and decreases leftward.
>+
>+// This assumes that the horizontal scrollbar is on the bottom side
>+// and the vertical scrollbar is on the left side.
>+
>+var target = document.getElementById("target");
>+var scroller = document.getElementById("scroller");
>+var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
>+
>+var scroller_width = scroller.offsetWidth;
>+var scroller_height = scroller.offsetHeight;
>+var box_width = target.offsetWidth;
>+var box_height = target.offsetHeight;
>+
>+var expectedX = {
>+  inlineStart: -box_width,
>+  inlineCenter: -((3*box_width - scroller_width)/2) - scrollbar_width/2,
>+  inlineEnd: -(2*box_width - scroller_width) - scrollbar_width,
>+};
>+
>+var expectedY = {
>+    blockStart: box_height,
>+    blockCenter: (3*box_height - scroller_height)/2 + scrollbar_width/2,
>+    blockEnd: 2*box_height - scroller_height + scrollbar_width,
>+};
>+
>+[
>+  [{block: "start", inline: "start"}, expectedX.inlineStart, expectedY.blockStart],
>+  [{block: "start", inline: "center"}, expectedX.inlineCenter, expectedY.blockStart],
>+  [{block: "start", inline: "end"}, expectedX.inlineEnd, expectedY.blockStart],
>+  [{block: "center", inline: "start"}, expectedX.inlineStart, expectedY.blockCenter],
>+  [{block: "center", inline: "center"}, expectedX.inlineCenter, expectedY.blockCenter],
>+  [{block: "center", inline: "end"}, expectedX.inlineEnd, expectedY.blockCenter],
>+  [{block: "end", inline: "start"}, expectedX.inlineStart, expectedY.blockEnd],
>+  [{block: "end", inline: "center"}, expectedX.inlineCenter, expectedY.blockEnd],
>+  [{block: "end", inline: "end"}, expectedX.inlineEnd, expectedY.blockEnd],
>+].forEach(([input, expectedX, expectedY]) => {
>+  test(() => {
>+    scroller.scrollTo(0, 0);
>+    target.scrollIntoView(input);
>+    assert_approx_equals(scroller.scrollLeft, expectedX, 0.5, "scrollX");
>+    assert_approx_equals(scroller.scrollTop, expectedY, 0.5, "scrollY");
>+  }, `scrollIntoView(${JSON.stringify(input)})`);
>+})
>+
>+</script>
>+
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..7efe71b3bbd3791e2db1a8f50f804879a5f639c3
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-expected.txt
>@@ -0,0 +1,11 @@
>+
>+PASS scrollIntoView({"block":"start","inline":"start"}) 
>+PASS scrollIntoView({"block":"start","inline":"center"}) 
>+PASS scrollIntoView({"block":"start","inline":"end"}) 
>+PASS scrollIntoView({"block":"center","inline":"start"}) 
>+PASS scrollIntoView({"block":"center","inline":"center"}) 
>+PASS scrollIntoView({"block":"center","inline":"end"}) 
>+PASS scrollIntoView({"block":"end","inline":"start"}) 
>+PASS scrollIntoView({"block":"end","inline":"center"}) 
>+PASS scrollIntoView({"block":"end","inline":"end"}) 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..70d19f33eea6b8a91dce33111d093f0d2f974217
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html
>@@ -0,0 +1,106 @@
>+<!DOCTYPE html>
>+<title>CSSOM View - scrollIntoView considers horizontal-tb writing mode</title>
>+<meta charset="utf-8">
>+<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+
>+<style>
>+.box {
>+  float: left;
>+  width: 200px;
>+  height: 200px;
>+}
>+#scroller {
>+  overflow: scroll;
>+  width: 300px;
>+  height: 300px;
>+}
>+#container{
>+  width: 600px;
>+  height: 600px;
>+}
>+#target {
>+  background-color: #ff0;
>+}
>+</style>
>+<body>
>+<div id="scroller">
>+  <div id="container">
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box" id="target"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+  </div>
>+</div>
>+
>+<script>
>+// In horizontal-tb mode, X corresponds to the inline axis and is oriented
>+// rightward. Y corresponds to the block axis and is oriented downward.
>+// So the beginning edges are the top and left edges and the ending
>+// edges are the bottom and right edges.
>+
>+// This assumes that the horizontal scrollbar is on the bottom side and
>+// the vertical scrollbar is on the right side.
>+
>+var target = document.getElementById("target");
>+var scroller = document.getElementById("scroller");
>+var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
>+
>+var scroller_width = scroller.offsetWidth;
>+var scroller_height = scroller.offsetHeight;
>+var box_width = target.offsetWidth;
>+var box_height = target.offsetHeight;
>+
>+var expectedX = {
>+    inlineStart: box_width,
>+    inlineCenter: (3*box_width - scroller_width)/2 + scrollbar_width/2,
>+    inlineEnd: 2*box_width - scroller_width + scrollbar_width,
>+  };
>+
>+var expectedY = {
>+  blockStart: box_height,
>+  blockCenter: (3*box_height - scroller_height)/2 + scrollbar_width/2,
>+  blockEnd: 2*box_height - scroller_height + scrollbar_width,
>+};
>+
>+[
>+  [{block: "start", inline: "start"}, expectedX.inlineStart, expectedY.blockStart],
>+  [{block: "start", inline: "center"}, expectedX.inlineCenter, expectedY.blockStart],
>+  [{block: "start", inline: "end"}, expectedX.inlineEnd, expectedY.blockStart],
>+  [{block: "center", inline: "start"}, expectedX.inlineStart, expectedY.blockCenter],
>+  [{block: "center", inline: "center"}, expectedX.inlineCenter, expectedY.blockCenter],
>+  [{block: "center", inline: "end"}, expectedX.inlineEnd, expectedY.blockCenter],
>+  [{block: "end", inline: "start"}, expectedX.inlineStart, expectedY.blockEnd],
>+  [{block: "end", inline: "center"}, expectedX.inlineCenter, expectedY.blockEnd],
>+  [{block: "end", inline: "end"}, expectedX.inlineEnd, expectedY.blockEnd],
>+].forEach(([input, expectedX, expectedY]) => {
>+  test(() => {
>+    scroller.scrollTo(0, 0);
>+    target.scrollIntoView(input);
>+    assert_approx_equals(scroller.scrollLeft, expectedX, 0.5, "scrollX");
>+    assert_approx_equals(scroller.scrollTop, expectedY, 0.5, "scrollY");
>+  }, `scrollIntoView(${JSON.stringify(input)})`);
>+})
>+
>+</script>
>+
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html
>index 930702aa8792506df50120feaca86d3f76bc1a02..99854d8c6bcaf802ddaa05192bc73e261cd991b1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="Sandra Sun" href="mailto:sunyunjia@chromium.org">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
> <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#scroll-margin">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> 
> <style>
> #scroller {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html
>index 5fdedf753d7296c772766fb9398df8d5494b9b27..947dabac75f56b1614aea43a95ee92d992a6e907 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html
>@@ -4,8 +4,8 @@
> <link rel="author" title="Sandra Sun" href="mailto:sunyunjia@chromium.org">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
> <link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#scroll-padding">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> 
> <style>
> #scroller {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-shadow.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-shadow.html
>index eb1bce37d2cdc09640eb1aa20951f75d2a8aa36f..3a2821a99c762ae54978f286b96f4fce5e3ce5af 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-shadow.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-shadow.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <title>Check End Position of scrollIntoView of shadow elements</title>
> <div id="container">
>   <div id="space1" style="height: 2000px; width: 2000px;background-color: yellow">
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-smooth.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-smooth.html
>index 70343cb42530147fe08575c7cd69912be8944213..d94ff88a37bc8177668b5fbec34e6e3946a5ccef 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-smooth.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-smooth.html
>@@ -1,6 +1,6 @@
> <!DOCTYPE HTML>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <title>Check End Position of smooth scrollIntoView</title>
> <div id="container" style="height: 2500px; width: 2500px;">
>   <div id="content" style="height: 500px; width: 500px;margin-left: 1000px; margin-right: 1000px; margin-top: 1000px;margin-bottom: 1000px;background-color: red">
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..79c741634d94b78ecaa6739abdcca0ef3f8e94d4
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape-expected.txt
>@@ -0,0 +1,5 @@
>+
>+FAIL scrollIntoView on an SVG shape element, geometry assert_approx_equals: y after scroll expected 1958 +/- 1 but got 8
>+FAIL scrollIntoView on an SVG shape element, translated assert_approx_equals: y after scroll expected 2958 +/- 1 but got 8
>+FAIL scrollIntoView on an SVG shape element, rotated assert_approx_equals: x after scroll expected 2745.005859375 +/- 1 but got 0
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f5c734d43059f4335a977486964d3efd83e2adb5
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html
>@@ -0,0 +1,32 @@
>+<!DOCTYPE HTML>
>+<title>scrollIntoView on an SVG shape element</title>
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+<svg width="8000" height="8000">
>+  <rect width="100" height="100" fill="blue" y="1950" id="geometry"/>
>+  <rect width="100" height="100" fill="blue" transform="translate(0, 2950)"
>+        id="translated"/>
>+  <rect width="100" height="100" fill="blue" transform="rotate(45, 50, 3950)"
>+        id="rotated"/>
>+</svg>
>+<script>
>+add_completion_callback(() => {
>+  document.querySelector("svg").remove();
>+  window.scrollTo(0, 0);
>+});
>+
>+for (let id of [ "geometry", "translated", "rotated" ]) {
>+  test(t => {
>+    let target = document.getElementById(id);
>+    window.scrollTo(0, 0);
>+    let bounds = target.getBoundingClientRect();
>+    let expected = { x: bounds.left, y: bounds.top };
>+    assert_not_equals(window.scrollX, expected.x, "x before scroll");
>+    assert_not_equals(window.scrollY, expected.y, "y before scroll");
>+    target.scrollIntoView({ block: "start", inline: "start" });
>+    assert_approx_equals(window.scrollX, expected.x, 1, "x after scroll");
>+    assert_approx_equals(window.scrollY, expected.y, 1, "y after scroll");
>+  }, document.title + ", " + id);
>+}
>+</script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..28d6d6039951d0c3cd74282af702e68a117e93c3
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction-expected.txt
>@@ -0,0 +1,11 @@
>+
>+FAIL scrollIntoView({"block":"start","inline":"start"}) assert_approx_equals: scrollY expected -200 +/- 0.5 but got -115
>+FAIL scrollIntoView({"block":"start","inline":"center"}) assert_approx_equals: scrollX expected 200 +/- 0.5 but got 158
>+FAIL scrollIntoView({"block":"start","inline":"end"}) assert_approx_equals: scrollX expected 200 +/- 0.5 but got 115
>+FAIL scrollIntoView({"block":"center","inline":"start"}) assert_approx_equals: scrollX expected 157.5 +/- 0.5 but got 200
>+PASS scrollIntoView({"block":"center","inline":"center"}) 
>+FAIL scrollIntoView({"block":"center","inline":"end"}) assert_approx_equals: scrollX expected 157.5 +/- 0.5 but got 115
>+FAIL scrollIntoView({"block":"end","inline":"start"}) assert_approx_equals: scrollX expected 115 +/- 0.5 but got 200
>+FAIL scrollIntoView({"block":"end","inline":"center"}) assert_approx_equals: scrollX expected 115 +/- 0.5 but got 158
>+FAIL scrollIntoView({"block":"end","inline":"end"}) assert_approx_equals: scrollY expected -115 +/- 0.5 but got -200
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..1fe470f38cb003b6fb9f431a6dc9c5c11f7f9e37
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html
>@@ -0,0 +1,112 @@
>+<!DOCTYPE html>
>+<title>CSSOM View - scrollIntoView considers vertical-lr and rtl direction</title>
>+<meta charset="utf-8">
>+<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#scroll-an-element">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+
>+<style>
>+.box {
>+  float: left;
>+  width: 200px;
>+  height: 200px;
>+}
>+#scroller {
>+  writing-mode: vertical-lr;
>+  direction: rtl;
>+  overflow: scroll;
>+  width: 300px;
>+  height: 300px;
>+}
>+#container{
>+  width: 600px;
>+  height: 600px;
>+}
>+#target {
>+  background-color: #ff0;
>+}
>+</style>
>+<body>
>+<div id="scroller">
>+  <div id="container">
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box" id="target"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+  </div>
>+</div>
>+
>+<script>
>+// In vertical-lr mode and rtl direction, X corresponds to the block axis
>+// and is oriented rightward. Y corresponds to the inline axis and is oriented
>+// upward. So the beginning edges are the bottom and left edges and the ending
>+// edges are the top and right edges.
>+
>+// According to the spec, y be min(0, max(y, element padding edge height - element scrolling area height)).
>+// So y is nonpositive and decreases upward.
>+
>+// This assumes that the horizontal scrollbar
>+// is on the bottom side and the vertical scrollbar is on the right side.
>+
>+var target = document.getElementById("target");
>+var scroller = document.getElementById("scroller");
>+var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
>+
>+var scroller_width = scroller.offsetWidth;
>+var scroller_height = scroller.offsetHeight;
>+var box_width = target.offsetWidth;
>+var box_height = target.offsetHeight;
>+
>+var expectedX = {
>+    blockStart: box_width,
>+    blockCenter: (3*box_width - scroller_width)/2 + scrollbar_width/2,
>+    blockEnd: 2*box_width - scroller_width + scrollbar_width,
>+};
>+
>+var expectedY = {
>+  inlineStart: -box_height,
>+  inlineCenter: -((3*box_height - scroller_height)/2) - scrollbar_width/2,
>+  inlineEnd: -(2*box_height - scroller_height) - scrollbar_width,
>+};
>+
>+[
>+  [{block: "start", inline: "start"}, expectedX.blockStart, expectedY.inlineStart],
>+  [{block: "start", inline: "center"}, expectedX.blockStart, expectedY.inlineCenter],
>+  [{block: "start", inline: "end"}, expectedX.blockStart, expectedY.inlineEnd],
>+  [{block: "center", inline: "start"}, expectedX.blockCenter, expectedY.inlineStart],
>+  [{block: "center", inline: "center"}, expectedX.blockCenter, expectedY.inlineCenter],
>+  [{block: "center", inline: "end"}, expectedX.blockCenter, expectedY.inlineEnd],
>+  [{block: "end", inline: "start"}, expectedX.blockEnd, expectedY.inlineStart],
>+  [{block: "end", inline: "center"}, expectedX.blockEnd, expectedY.inlineCenter],
>+  [{block: "end", inline: "end"}, expectedX.blockEnd, expectedY.inlineEnd],
>+].forEach(([input, expectedX, expectedY]) => {
>+  test(() => {
>+    scroller.scrollTo(0, 0);
>+    target.scrollIntoView(input);
>+    assert_approx_equals(scroller.scrollLeft, expectedX, 0.5, "scrollX");
>+    assert_approx_equals(scroller.scrollTop, expectedY, 0.5, "scrollY");
>+  }, `scrollIntoView(${JSON.stringify(input)})`);
>+})
>+
>+</script>
>+
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..dbf97adbff9a98fd1f38b692a9c2a98b063f33b3
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-expected.txt
>@@ -0,0 +1,11 @@
>+
>+PASS scrollIntoView({"block":"start","inline":"start"}) 
>+FAIL scrollIntoView({"block":"start","inline":"center"}) assert_approx_equals: scrollX expected 200 +/- 0.5 but got 158
>+FAIL scrollIntoView({"block":"start","inline":"end"}) assert_approx_equals: scrollX expected 200 +/- 0.5 but got 115
>+FAIL scrollIntoView({"block":"center","inline":"start"}) assert_approx_equals: scrollX expected 157.5 +/- 0.5 but got 200
>+PASS scrollIntoView({"block":"center","inline":"center"}) 
>+FAIL scrollIntoView({"block":"center","inline":"end"}) assert_approx_equals: scrollX expected 157.5 +/- 0.5 but got 115
>+FAIL scrollIntoView({"block":"end","inline":"start"}) assert_approx_equals: scrollX expected 115 +/- 0.5 but got 200
>+FAIL scrollIntoView({"block":"end","inline":"center"}) assert_approx_equals: scrollX expected 115 +/- 0.5 but got 158
>+PASS scrollIntoView({"block":"end","inline":"end"}) 
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..8ccfde66f554b0974008ebd93d5c234f4792c497
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html
>@@ -0,0 +1,107 @@
>+<!DOCTYPE html>
>+<title>CSSOM View - scrollIntoView considers vertical-lr writing mode</title>
>+<meta charset="utf-8">
>+<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
>+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
>+
>+<style>
>+.box {
>+  float: left;
>+  width: 200px;
>+  height: 200px;
>+}
>+#scroller {
>+  writing-mode: vertical-lr;
>+  overflow: scroll;
>+  width: 300px;
>+  height: 300px;
>+}
>+#container{
>+  width: 600px;
>+  height: 600px;
>+}
>+#target {
>+  background-color: #ff0;
>+}
>+</style>
>+<body>
>+<div id="scroller">
>+  <div id="container">
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box" id="target"></div>
>+      <div class="box"></div>
>+    </div>
>+
>+    
>+    <div class="row">
>+      <div class="box"></div>
>+      <div class="box"></div>
>+      <div class="box"></div>
>+    </div>
>+  </div>
>+</div>
>+
>+<script>
>+// In vertical-lr mode, X corresponds to the block axis and is oriented
>+// rightward. Y corresponds to the inline axis and is oriented downward.
>+// So the beginning edges are the top and left edges and the ending
>+// edges are the bottom and right edges.
>+
>+// This assumes that the horizontal scrollbar is on the bottom side and
>+// the vertical scrollbar is on the right side.
>+
>+var target = document.getElementById("target");
>+var scroller = document.getElementById("scroller");
>+var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
>+
>+var scroller_width = scroller.offsetWidth;
>+var scroller_height = scroller.offsetHeight;
>+var box_width = target.offsetWidth;
>+var box_height = target.offsetHeight;
>+
>+var expectedX = {
>+    blockStart: box_width,
>+    blockCenter: (3*box_width - scroller_width)/2 + (scrollbar_width/2),
>+    blockEnd: (2*box_width) - scroller_width + scrollbar_width,
>+};
>+
>+var expectedY = {
>+  inlineStart: box_height,
>+  inlineCenter: ((3*box_height - scroller_height)/2) + (scrollbar_width/2),
>+  inlineEnd: ((2*box_height) - scroller_height) + scrollbar_width,
>+};
>+
>+[
>+  [{block: "start", inline: "start"}, expectedX.blockStart, expectedY.inlineStart],
>+  [{block: "start", inline: "center"}, expectedX.blockStart, expectedY.inlineCenter],
>+  [{block: "start", inline: "end"}, expectedX.blockStart, expectedY.inlineEnd],
>+  [{block: "center", inline: "start"}, expectedX.blockCenter, expectedY.inlineStart],
>+  [{block: "center", inline: "center"}, expectedX.blockCenter, expectedY.inlineCenter],
>+  [{block: "center", inline: "end"}, expectedX.blockCenter, expectedY.inlineEnd],
>+  [{block: "end", inline: "start"}, expectedX.blockEnd, expectedY.inlineStart],
>+  [{block: "end", inline: "center"}, expectedX.blockEnd, expectedY.inlineCenter],
>+  [{block: "end", inline: "end"}, expectedX.blockEnd, expectedY.inlineEnd],
>+].forEach(([input, expectedX, expectedY]) => {
>+  test(() => {
>+    scroller.scrollTo(0, 0);
>+    target.scrollIntoView(input);
>+    assert_approx_equals(scroller.scrollLeft, expectedX, 0.5, "scrollX");
>+    assert_approx_equals(scroller.scrollTop, expectedY, 0.5, "scrollY");
>+  }, `scrollIntoView(${JSON.stringify(input)})`);
>+})
>+
>+</script>
>+
>+</body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt
>index b605c84842e88574e001b3c2e66d491825ac51ca..2167ede87a80dc759830d8183a21e75771dc5770 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt
>@@ -1,11 +1,11 @@
> 
>-FAIL scrollIntoView({block: "start", inline: "start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -100
>-FAIL scrollIntoView({block: "start", inline: "center"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -143
>-FAIL scrollIntoView({block: "start", inline: "end"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -185
>-FAIL scrollIntoView({block: "center", inline: "start"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -100
>-FAIL scrollIntoView({block: "center", inline: "center"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -143
>-FAIL scrollIntoView({block: "center", inline: "end"}) assert_approx_equals: scrollX expected -157.5 +/- 0.5 but got -185
>-FAIL scrollIntoView({block: "end", inline: "start"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -100
>-FAIL scrollIntoView({block: "end", inline: "center"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -143
>-FAIL scrollIntoView({block: "end", inline: "end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -185
>+FAIL scrollIntoView({"block":"start","inline":"start"}) assert_approx_equals: scrollX expected -185 +/- 0.5 but got -100
>+FAIL scrollIntoView({"block":"start","inline":"center"}) assert_approx_equals: scrollX expected -185 +/- 0.5 but got -143
>+FAIL scrollIntoView({"block":"start","inline":"end"}) assert_approx_equals: scrollY expected 115 +/- 0.5 but got 200
>+FAIL scrollIntoView({"block":"center","inline":"start"}) assert_approx_equals: scrollX expected -142.5 +/- 0.5 but got -100
>+PASS scrollIntoView({"block":"center","inline":"center"}) 
>+FAIL scrollIntoView({"block":"center","inline":"end"}) assert_approx_equals: scrollX expected -142.5 +/- 0.5 but got -185
>+FAIL scrollIntoView({"block":"end","inline":"start"}) assert_approx_equals: scrollY expected 200 +/- 0.5 but got 115
>+FAIL scrollIntoView({"block":"end","inline":"center"}) assert_approx_equals: scrollX expected -100 +/- 0.5 but got -143
>+FAIL scrollIntoView({"block":"end","inline":"end"}) assert_approx_equals: scrollX expected -100 +/- 0.5 but got -185
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
>index c404931f79b43a3060eaaa8a1fbc235ee16e5169..6a20e2f291480b0fc66b543a8e5cda86ba5cb120 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
>@@ -3,8 +3,8 @@
> <meta charset="utf-8">
> <link rel="author" title="Suneel Kota" href="mailto:suneel.kota@samsung.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> 
> <style>
> .box {
>@@ -53,6 +53,13 @@
> </div>
> 
> <script>
>+// In vertical-rl mode, X corresponds to the block axis and is oriented
>+// leftward. Y corresponds to the inline axis and is oriented downward.
>+// So the beginning edges are the top and right edges and the ending
>+// edges are the bottom and left edges.
>+
>+// This assumes that the horizontal scrollbar is on the bottom side.
>+
> var target = document.getElementById("target");
> var scroller = document.getElementById("scroller");
> var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
>@@ -62,43 +69,60 @@ var scroller_height = scroller.offsetHeight;
> var box_width = target.offsetWidth;
> var box_height = target.offsetHeight;
> 
>-var expectedX = [ ((2*box_width)-scroller_width)+scrollbar_width, ((3*box_width - scroller_width)/2)+ (scrollbar_width/2), box_width ];
>-var expectedY = [ box_height, ((3*box_height - scroller_height)/2) + (scrollbar_width/2), ((2*box_height)-scroller_height) + scrollbar_width ];
>+var expectedX;
>+// If scroll bar is on the left side, scroller.scrollLeft won't get bigger than 0,
>+scroller.scrollLeft = scrollbar_width;
>+if (scroller.scrollLeft == 0) {
>+  expectedX = {
>+    blockStart: -box_width,
>+    blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2)),
>+    blockEnd: -(((2*box_width) - scroller_width) + scrollbar_width),
>+  };
>+} else {
>+  expectedX = {
>+    blockStart: -(box_width - scrollbar_width),
>+    blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2) - scrollbar_width),
>+    blockEnd: -((2*box_width) - scroller_width),
>+  };
>+}
>+
>+var expectedY = {
>+  inlineStart: box_height,
>+  inlineCenter: ((3*box_height - scroller_height)/2) + (scrollbar_width/2),
>+  inlineEnd: ((2*box_height) - scroller_height) + scrollbar_width,
>+};
> 
> // As browsers differ in the meaning of scrollLeft when
> // in a right-to-left mode, we adjust the expectation
> // to match the semantics of scrollLeft.
>-if(scroller.scrollLeft === 0)
>-  expectedX = [ -box_width, -(((3*box_width - scroller_width)/2)+ (scrollbar_width/2)), -(((2*box_width)-scroller_width)+scrollbar_width)];
>-
>-// This formats dict as a string suitable as test name.
>-// format_value() is provided by testharness.js,
>-// which also preserves sign for -0.
>-function format_dict(dict) {
>-  const props = [];
>-  for (let prop in dict) {
>-    props.push(`${prop}: ${format_value(dict[prop])}`);
>-  }
>-  return `{${props.join(", ")}}`;
>+// In vertical-rl mode, the scroll x coordinate should be nonpositive per the the spec.
>+// But some browsers is nonnegative, so we adjust the expectation.
>+scroller.scrollLeft = -1000;
>+if(scroller.scrollLeft === 0) {
>+  expectedX = {
>+    blockStart: ((2*box_width) - scroller_width) + scrollbar_width,
>+    blockCenter: ((3*box_width - scroller_width)/2) + (scrollbar_width/2),
>+    blockEnd: box_width,
>+  };
> }
> 
> [
>-  [{block: "start", inline: "start"}, expectedX[0], expectedY[0]],
>-  [{block: "start", inline: "center"}, expectedX[0], expectedY[1]],
>-  [{block: "start", inline: "end"}, expectedX[0], expectedY[2]],
>-  [{block: "center", inline: "start"}, expectedX[1], expectedY[0]],
>-  [{block: "center", inline: "center"}, expectedX[1], expectedY[1]],
>-  [{block: "center", inline: "end"}, expectedX[1], expectedY[2]],
>-  [{block: "end", inline: "start"}, expectedX[2], expectedY[0]],
>-  [{block: "end", inline: "center"}, expectedX[2], expectedY[1]],
>-  [{block: "end", inline: "end"}, expectedX[2], expectedY[2]],
>+  [{block: "start", inline: "start"}, expectedX.blockStart, expectedY.inlineStart],
>+  [{block: "start", inline: "center"}, expectedX.blockStart, expectedY.inlineCenter],
>+  [{block: "start", inline: "end"}, expectedX.blockStart, expectedY.inlineEnd],
>+  [{block: "center", inline: "start"}, expectedX.blockCenter, expectedY.inlineStart],
>+  [{block: "center", inline: "center"}, expectedX.blockCenter, expectedY.inlineCenter],
>+  [{block: "center", inline: "end"}, expectedX.blockCenter, expectedY.inlineEnd],
>+  [{block: "end", inline: "start"}, expectedX.blockEnd, expectedY.inlineStart],
>+  [{block: "end", inline: "center"}, expectedX.blockEnd, expectedY.inlineCenter],
>+  [{block: "end", inline: "end"}, expectedX.blockEnd, expectedY.inlineEnd],
> ].forEach(([input, expectedX, expectedY]) => {
>   test(() => {
>     scroller.scrollTo(0, 0);
>     target.scrollIntoView(input);
>     assert_approx_equals(scroller.scrollLeft, expectedX, 0.5, "scrollX");
>     assert_approx_equals(scroller.scrollTop, expectedY, 0.5, "scrollY");
>-  }, `scrollIntoView(${format_dict(input)})`);
>+  }, `scrollIntoView(${JSON.stringify(input)})`);
> })
> 
> </script>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeight.xht b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeight.xht
>index 77b01dbf50befc437bde79436571d2b0f39885e5..fcceacd30c26a98367569cce03cba8b09cec952c 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeight.xht
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeight.xht
>@@ -6,8 +6,8 @@
>         <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-scrollwidth" />
>         <meta name="flags" content="dom" />
>-        <script src="/resources/testharness.js" type="text/javascript" />
>-        <script src="/resources/testharnessreport.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharness.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharnessreport.js" type="text/javascript" />
>         <style type="text/css"><![CDATA[
>             #elemSimple, #elemOverflow, #elemNestedOverflow {
>                 border:1px solid black;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht
>index f0fd373b1dead86070330ef7a43aa3ab99bcf8b6..2517e7ee6a5df77881c54231f757996591976adc 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht
>@@ -6,8 +6,8 @@
>         <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
>         <link rel="help" href="http://www.w3.org/TR/cssom-view/#dom-element-scrollwidth" />
>         <meta name="flags" content="dom" />
>-        <script src="/resources/testharness.js" type="text/javascript" />
>-        <script src="/resources/testharnessreport.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharness.js" type="text/javascript" />
>+        <script src="../../../../../resources/testharnessreport.js" type="text/javascript" />
>         <style type="text/css"><![CDATA[
>             #elemSimple, #elemOverflow, #elemNestedOverflow {
>                 border:1px solid black;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html
>index 94357605b7042ba82e93eed8ddf53aedb632efc4..ae5fa842268099c502f521622e7ed8c4466f2704 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html
>@@ -1,8 +1,8 @@
> <!doctype html>
> <meta charset="utf-8">
> <title>cssom-view scrolling-no-browsing-context</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <script>
> setup({explicit_done:true});
> window.onload = function () {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html
>index 568f572ac22c4ac8b619f27abd33d241d37f03ec..08e7b122b80b7d24d89a1e38e4125cf37b34b537 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html
>@@ -1,8 +1,8 @@
> <!DOCTYPE html>
> <meta charset=utf-8>
> <title>cssom-view - scrolling quirks VS nonquirks mode</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
>   iframe {
>     width: 300px;
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollingElement.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollingElement.html
>index a438541120df4a3a4e3419aaddfca9d88bd080a5..718d8f804711f2727c92e96a6a8c9f02c8173e16 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollingElement.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollingElement.html
>@@ -1,8 +1,8 @@
> <!DOCTYPE html>
> <meta charset=utf-8>
> <title>cssom-view - scrollingElement</title>
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <iframe id="quirksframe"></iframe>
> <iframe id="nonquirksframe"></iframe>
> <div id="log"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollintoview.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollintoview.html
>index c69025b4943accd4c0b34e74dbd7862af2521849..26724c990adcfe9999a70ef24ae87b8cc2009f11 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollintoview.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollintoview.html
>@@ -1,13 +1,14 @@
> <!DOCTYPE html>
> <title>CSSOM View - scrollIntoView</title>
> <meta charset="utf-8">
>+<meta name="viewport" content="initial-scale=1">
> <link rel="author" title="Chris Wu" href="mailto:pwx.frontend@gmail.com">
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
> <link rel="help" href="https://heycam.github.io/webidl/#es-operations">
> <link rel="help" href="https://heycam.github.io/webidl/#es-overloads">
> <meta name="flags" content="dom">
>-<script src="/resources/testharness.js"></script>
>-<script src="/resources/testharnessreport.js"></script>
>+<script src="../../../../../resources/testharness.js"></script>
>+<script src="../../../../../resources/testharnessreport.js"></script>
> <style>
> body.running { margin: 0; padding: 4000px; overflow: hidden }
> body.running #testDiv {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-client-props.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-client-props.html
>index 4af06d6bf71f0df75d3710ec0906445e943d340d..aa7ccf5e075e7f09576b3c333866fe08510a471a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-client-props.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-client-props.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <title>client* properties on tables</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#extension-to-the-element-interface">
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <div id="test-target" style="position: absolute"></div>
> <script>
>   test(function() {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-offset-props.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-offset-props.html
>index 43aac248f0eecb574b44e14d0867aa3d59179b85..fbb30a7cff2d7bee81d332a8b321e410de44d836 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-offset-props.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-offset-props.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <title>offset* properties on tables</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#extensions-to-the-htmlelement-interface">
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <div id="test-target" style="position: absolute"></div>
> <script>
>   test(function() {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-scroll-props.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-scroll-props.html
>index fd7f0d347b5ae9f5ddd2a2735759bc32cac595cd..72bc9a9fcef4c398c802556fdbda471d22241738 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-scroll-props.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-scroll-props.html
>@@ -2,8 +2,8 @@
> <meta charset=utf-8>
> <title>scroll* properties on tables</title>
> <link rel="help" href="https://drafts.csswg.org/cssom-view/#extension-to-the-element-interface">
>-<script src=/resources/testharness.js></script>
>-<script src=/resources/testharnessreport.js></script>
>+<script src=../../../../../resources/testharness.js></script>
>+<script src=../../../../../resources/testharnessreport.js></script>
> <div id="test-target" style="position: absolute"></div>
> <script>
>   test(function() {
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html
>index bc873174568c84dd9fb1f83a9515a5a562fc66cf..e42d73a5d5a25337cc149091b7bb455218620e03 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="https://www.w3.org/TR/cssom-view/#dom-element-getclientrects">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="getClientRects will return rects of the correct number">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> 
> </head>
> <body>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/w3c-import.log
>index 44e286bcb5978081817959995264b909d22150ae..ae9ba4298c2fbe759afed6cc62693a4d1ca10b62 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/w3c-import.log
>@@ -38,11 +38,18 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-dynamic-anon-box.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-mixed-font-sizes.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-parameters.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPosition.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll-002.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementScroll.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-iframes.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-invalid-cases.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-shadowroot.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-simple.html
>@@ -50,16 +57,37 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-table.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/historical.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/htmlelement-offset-width-001.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/iframe.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/interfaces.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMediaAddListener.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/mouseEvent.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/negativeMargins.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetParent_element_test.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-element.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-root.html
>@@ -70,10 +98,15 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-window.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-no-layout-box.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollMargin.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-scrollPadding.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-shadow.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-smooth.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollTop-display-change-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollTop-display-change.html
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height-immutable.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height-immutable.html
>index 88dd0684816d74a40f7563e90674d517551f4d84..56a2f39ccf05e8d21d5d792f5d2e1ffa5bad2c47 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height-immutable.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height-immutable.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="screen.height is immutable">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> </head>
> <body>
>     <div id="myDiv"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height.html
>index 9bb7e528b89fd4b0b4297685fc9e26e0895adbe8..06bd459ac2d69e1e389c1ec8a90e178204e8fa88 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="window.screen.height has sensible values">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> </head>
> <body>
>     <div id="myDiv"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width-immutable.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width-immutable.html
>index 1415bfaca4408ca36e3065f2cc82d5ab0f5b10c1..fab616ed219b5e367847e695497c9d3eb25498d4 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width-immutable.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width-immutable.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="screen.width is immutable">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> </head>
> <body>
>     <div id="myDiv"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width.html b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width.html
>index fdae2bc742502ee06e2d789a8ef7de283e853e40..9393a077e6d9b17753177d40af2ae52458368cea 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width.html
>@@ -6,8 +6,8 @@
>     <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-screen-interface">
>     <meta name="flags" content="dom">
>     <meta name="assert" content="window.screen.width has sensible values">
>-    <script src="/resources/testharness.js"></script>
>-    <script src="/resources/testharnessreport.js"></script>
>+    <script src="../../../../../resources/testharness.js"></script>
>+    <script src="../../../../../resources/testharnessreport.js"></script>
> </head>
> <body>
>     <div id="myDiv"></div>
>diff --git a/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..128fe6f37dc2c485c3d32cc4b04b8d49cd84a06c
>--- /dev/null
>+++ b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt
>@@ -0,0 +1,11 @@
>+
>+ref
>+
>+ref
>+
>+ref
>+
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 0 assert_equals: offsetLeft expected 16 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 1 assert_equals: offsetLeft expected 36 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 2 assert_equals: offsetLeft expected 36 but got 0
>+
>diff --git a/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..128fe6f37dc2c485c3d32cc4b04b8d49cd84a06c
>--- /dev/null
>+++ b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt
>@@ -0,0 +1,11 @@
>+
>+ref
>+
>+ref
>+
>+ref
>+
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 0 assert_equals: offsetLeft expected 16 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 1 assert_equals: offsetLeft expected 36 but got 0
>+FAIL offsetTop/Left of empty inline elements should work as if they were not empty: 2 assert_equals: offsetLeft expected 36 but got 0
>+
>diff --git a/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..a2a8887ba6b8e023b9539c3216da222c67394f36
>--- /dev/null
>+++ b/LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction-expected.txt
>@@ -0,0 +1,11 @@
>+
>+FAIL scrollIntoView({"block":"start","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -115
>+PASS scrollIntoView({"block":"start","inline":"center"}) 
>+FAIL scrollIntoView({"block":"start","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -200
>+FAIL scrollIntoView({"block":"center","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -115
>+PASS scrollIntoView({"block":"center","inline":"center"}) 
>+FAIL scrollIntoView({"block":"center","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -200
>+FAIL scrollIntoView({"block":"end","inline":"start"}) assert_approx_equals: scrollX expected -200 +/- 0.5 but got -115
>+PASS scrollIntoView({"block":"end","inline":"center"}) 
>+FAIL scrollIntoView({"block":"end","inline":"end"}) assert_approx_equals: scrollX expected -115 +/- 0.5 but got -200
>+
>diff --git a/LayoutTests/tests-options.json b/LayoutTests/tests-options.json
>index afcd4a669ca6fd241dcdf8612b663364af4f8d42..e34958f375f4e244fefde06171c9b5c7dcf24eea 100644
>--- a/LayoutTests/tests-options.json
>+++ b/LayoutTests/tests-options.json
>@@ -461,6 +461,9 @@
>     "imported/w3c/web-platform-tests/css/css-color/color-resolving-hsl.html": [
>         "slow"
>     ],
>+    "imported/w3c/web-platform-tests/css/cssom-view/matchMedia.xht": [
>+        "slow"
>+    ],
>     "imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-default-css.html": [
>         "slow"
>     ],
>@@ -479,6 +482,9 @@
>     "imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html": [
>         "slow"
>     ],
>+    "imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html": [
>+        "slow"
>+    ],
>     "imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-subframe-root.html": [
>         "slow"
>     ],

Actions: View | Formatted Diff | Diff

Attachments on bug 199509: 373486 | 373489 | 373492 | 373504 | 373565