Import css/cssom-view testcases from WPT.
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 6 Jul 2019 11:03:56 +0000 (11:03 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 6 Jul 2019 11:03:56 +0000 (11:03 +0000)
https://bugs.webkit.org/show_bug.cgi?id=199509

Patch by Cathie Chen <cathiechen@igalia.com> on 2019-07-06
Reviewed by Frédéric Wang.

LayoutTests/imported/w3c:

* 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:

LayoutTests:

* 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:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@247193 268f45cc-cd09-0410-ab3c-d52691b4dbfc

141 files changed:
LayoutTests/ChangeLog
LayoutTests/TestExpectations
LayoutTests/imported/w3c/ChangeLog
LayoutTests/imported/w3c/resources/import-expectations.json
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/CaretPosition-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/DOMRectList.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/GetBoundingRect.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/HTMLBody-ScrollArea_quirksmode.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/MediaQueryList-with-empty-string.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/Screen-pixelDepth-Screen-colorDepth001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoundingClientRect-002.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getBoxQuads-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects-002.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-getClientRects.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-img-attributes-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/cssom-view-window-screen-interface.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/dom-element-scroll.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-001.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-002.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-003.html
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementFromPoint-subpixel.html [new file with mode: 0644]
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-htb-rtl.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vlr-rtl.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-inline-vrl-rtl.html [new file with mode: 0644]
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
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/elementsFromPoint-svg-text.html
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-htb-rtl.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vlr-rtl.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-ltr.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-br-vrl-rtl.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline-expected.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/getClientRects-inline.html [new file with mode: 0644]
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/inheritance-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/inheritance.html [new file with mode: 0644]
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 [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/long_scroll_composited.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/matchMedia-display-none-iframe.html [new file with mode: 0644]
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-offset.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline-expected.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-inline.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-trailing-space-inline.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeftInScrollableParent.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/outer-svg.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/resize-event-on-initial-layout.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/screenLeftTop.html [new file with mode: 0644]
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
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-main-frame-window.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-scrollintoview-nested.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth-positions.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scroll-behavior-smooth.html
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-and-rtl-direction.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-horizontal-tb-writing-mode.html [new file with mode: 0644]
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-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-svg-shape.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-and-rtl-direction.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode-expected.txt [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-lr-writing-mode.html [new file with mode: 0644]
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode-expected.txt
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeight.xht
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollWidthHeightWhenNotScrollable.xht
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-no-browsing-context.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrolling-quirks-vs-nonquirks.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollingElement.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/scrollintoview.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-client-props.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-offset-props.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/table-scroll-props.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/ttwf-js-cssomview-getclientrects-length.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/w3c-import.log
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height-immutable.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-height.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width-immutable.html
LayoutTests/imported/w3c/web-platform-tests/css/cssom-view/window-screen-width.html
LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-empty-inline-expected.txt [new file with mode: 0644]
LayoutTests/platform/ios-simulator-wk2/imported/w3c/web-platform-tests/css/cssom-view/offsetTopLeft-leading-space-inline-expected.txt [new file with mode: 0644]
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 with mode: 0644]
LayoutTests/tests-options.json

index 76696ab..8a92fc2 100644 (file)
@@ -1,3 +1,16 @@
+2019-07-06  Cathie Chen  <cathiechen@igalia.com>
+
+        Import css/cssom-view testcases from WPT.
+        https://bugs.webkit.org/show_bug.cgi?id=199509
+
+        Reviewed by Frédéric 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  Youenn Fablet  <youenn@apple.com> and Simon Fraser  <simon.fraser@apple.com>
 
         Trigger a compositing update when video element is changing
index a407df2..7b4fbd6 100644 (file)
@@ -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 ]
index 2f205e1..e9aa93b 100644 (file)
@@ -1,3 +1,145 @@
+2019-07-06  Cathie Chen  <cathiechen@igalia.com>
+
+        Import css/cssom-view testcases from WPT.
+        https://bugs.webkit.org/show_bug.cgi?id=199509
+
+        Reviewed by Frédéric 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
index 07e644f..7957f50 100644 (file)
@@ -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", 
index d8e97a9..98bb1f2 100644 (file)
@@ -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;
index dafced9..9de0adb 100644 (file)
@@ -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(() => {
index 7286bd0..2ff8948 100644 (file)
@@ -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 {
index 8255d13..2991247 100644 (file)
@@ -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;
index 06c81d5..6b3610f 100644 (file)
@@ -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>
index 3d5a531..8b90d23 100644 (file)
@@ -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('');
index 2a8d5b5..82688d2 100644 (file)
@@ -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>
index 7d96540..f343066 100644 (file)
@@ -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;
index a7c3568..76952f1 100644 (file)
@@ -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 () {
index 813c245..ae62294 100644 (file)
@@ -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 {
index 9fd791d..bb7b8c6 100644 (file)
@@ -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">
index 36559eb..556bbd2 100644 (file)
@@ -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 () {
index 2f42288..2f596c7 100644 (file)
@@ -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>
index 29802ac..0116253 100644 (file)
@@ -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>
index 3f3e27a..30497b2 100644 (file)
@@ -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;
index c2fcc42..19a0f7a 100644 (file)
@@ -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;
index ebab52f..eaee6ca 100644 (file)
@@ -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;
index 0a1ac40..95423b9 100644 (file)
@@ -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;
index e0acb90..64d15e6 100644 (file)
@@ -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;
index e2bac90..9f8d7d8 100644 (file)
@@ -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
index 899e411..b14b081 100644 (file)
@@ -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 (file)
index 0000000..a55e8ef
--- /dev/null
@@ -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 (file)
index 0000000..2e2488f
--- /dev/null
@@ -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>
index 33de41e..ceeb21c 100644 (file)
@@ -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;
index ed86d16..6d2b686 100644 (file)
@@ -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>
index a1a28aa..a4b5e6e 100644 (file)
@@ -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>
index 2ef76e9..e352cd0 100644 (file)
@@ -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;
index 3bba161..330f4fb 100644 (file)
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..facb529
--- /dev/null
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..7956880
--- /dev/null
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..47e4ad3
--- /dev/null
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..aec0e17
--- /dev/null
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..735ff2c
--- /dev/null
@@ -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 (file)
index 0000000..63b983d
--- /dev/null
@@ -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 (file)
index 0000000..f962800
--- /dev/null
@@ -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>
index 369cffc..c649fb5 100644 (file)
@@ -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 {
index b3e0c6d..b5f7f19 100644 (file)
@@ -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 {
index 4973121..f1228d7 100644 (file)
@@ -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 {
index 8bbc23e..176fa87 100644 (file)
@@ -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 {
index 8535228..a5dc339 100644 (file)
@@ -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 {
index 9ecb614..6d50ec9 100644 (file)
@@ -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 {
index c48f321..a6d2358 100644 (file)
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..cf2f468
--- /dev/null
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..2113254
--- /dev/null
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..2a4c2e2
--- /dev/null
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..dfb49cb
--- /dev/null
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..ed19ab5
--- /dev/null
@@ -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 (file)
index 0000000..97f33e3
--- /dev/null
@@ -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 (file)
index 0000000..bfebc8b
--- /dev/null
@@ -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 (file)
index 0000000..98ee818
--- /dev/null
@@ -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 (file)
index 0000000..415e34a
--- /dev/null
@@ -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>
index bf82eac..56cedf4 100644 (file)
@@ -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() {
index 9171997..08f0d24 100644 (file)
@@ -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 (file)
index 0000000..875a727
--- /dev/null
@@ -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 (file)
index 0000000..2abbda8
--- /dev/null
@@ -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>
index c5e83b8..a0bb02e 100644 (file)
@@ -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 (file)
index 0000000..6914cba
--- /dev/null
@@ -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 (file)
index 0000000..aa91023
--- /dev/null
@@ -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 (file)
index 0000000..3ce4092
--- /dev/null
@@ -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 (file)
index 0000000..8c598e1
--- /dev/null
@@ -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>
index 7ac875c..1dfde7f 100644 (file)
@@ -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>
index 7236be7..f794e6e 100644 (file)
@@ -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>
index 907a2b4..4d4b912 100644 (file)
@@ -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});
index 0616e8b..2749944 100644 (file)
@@ -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>
index bb5686d..1090ffb 100644 (file)
@@ -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 (file)
index 0000000..aac3980
--- /dev/null
@@ -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 (file)
index 0000000..ebb565a
--- /dev/null
@@ -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 (file)
index 0000000..f60e7d9
--- /dev/null
@@ -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 (file)
index 0000000..b3954ef
--- /dev/null
@@ -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 (file)
index 0000000..98ee818
--- /dev/null
@@ -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 (file)
index 0000000..772cc34
--- /dev/null
@@ -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 (file)
index 0000000..aac3980
--- /dev/null
@@ -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 (file)
index 0000000..f3c2c06
--- /dev/null
@@ -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 (file)
index 0000000..3b05620
--- /dev/null
@@ -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 (file)
index 0000000..ebec51c
--- /dev/null
@@ -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>
index 8f44337..f38c2b1 100644 (file)
@@ -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 (file)
index 0000000..4519122
--- /dev/null
@@ -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 (file)
index 0000000..6ed8ccc
--- /dev/null
@@ -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 (file)
index 0000000..ce89293
--- /dev/null
@@ -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 (file)
index 0000000..7638536
--- /dev/null
@@ -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 (file)
index 0000000..d9318b1
--- /dev/null
@@ -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 (file)
index 0000000..b87fde8
--- /dev/null
@@ -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>
index 8606b1f..6925cf0 100644 (file)
@@ -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 {
index 9f60ca7..3cbd722 100644 (file)
@@ -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 {
index 7ef0a4a..fcf75aa 100644 (file)
@@ -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 {
index 57b0d91..8c88ec6 100644 (file)
@@ -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 {
index 2a97e06..3a89065 100644 (file)
@@ -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 {
index 19e317d..005d2b6 100644 (file)
@@ -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 {
   }, "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;
index e1a7a6a..394638d 100644 (file)
@@ -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 }
 
index 32de1b6..e641e53 100644 (file)
@@ -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>
index 0a8ed39..d931e00 100644 (file)
@@ -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>
index cc67ce7..061df1b 100644 (file)
@@ -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 (file)
index 0000000..2b9fa89
--- /dev/null
@@ -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 (file)
index 0000000..8f528cc
--- /dev/null
@@ -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">
+    <!--   ROW-1   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-2   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box" id="target"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-3   -->
+    <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 (file)
index 0000000..7efe71b
--- /dev/null
@@ -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 (file)
index 0000000..70d19f3
--- /dev/null
@@ -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">
+    <!--   ROW-1   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-2   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box" id="target"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-3   -->
+    <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>
index 930702a..99854d8 100644 (file)
@@ -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 {
index 5fdedf7..947daba 100644 (file)
@@ -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 {
index eb1bce3..3a2821a 100644 (file)
@@ -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">
index 70343cb..d94ff88 100644 (file)
@@ -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 (file)
index 0000000..79c7416
--- /dev/null
@@ -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 (file)
index 0000000..f5c734d
--- /dev/null
@@ -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 (file)
index 0000000..28d6d60
--- /dev/null
@@ -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 (file)
index 0000000..1fe470f
--- /dev/null
@@ -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">
+    <!--   ROW-1   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-2   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box" id="target"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-3   -->
+    <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 (file)
index 0000000..dbf97ad
--- /dev/null
@@ -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 (file)
index 0000000..8ccfde6
--- /dev/null
@@ -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">
+    <!--   ROW-1   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-2   -->
+    <div class="row">
+      <div class="box"></div>
+      <div class="box" id="target"></div>
+      <div class="box"></div>
+    </div>
+
+    <!--   ROW-3   -->
+    <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>
index b605c84..2167ede 100644 (file)
@@ -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
 
index c404931..6a20e2f 100644 (file)
@@ -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 {
 </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>
index 77b01db..fcceacd 100644 (file)
@@ -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;
index f0fd373..2517e7e 100644 (file)
@@ -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;
index 9435760..ae5fa84 100644 (file)
@@ -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 () {
index 568f572..08e7b12 100644 (file)
@@ -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;
index a438541..718d8f8 100644 (file)
@@ -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>
index c69025b..26724c9 100644 (file)
@@ -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 {
index 4af06d6..aa7ccf5 100644 (file)
@@ -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() {
index 43aac24..fbb30a7 100644 (file)
@@ -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() {
index fd7f0d3..72bc9a9 100644 (file)
@@ -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() {
index bc87317..e42d73a 100644 (file)
@@ -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>
index 44e286b..ae9ba42 100644 (file)
@@ -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
index 88dd068..56a2f39 100644 (file)
@@ -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>
index 9bb7e52..06bd459 100644 (file)
@@ -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>
index 1415bfa..fab616e 100644 (file)
@@ -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>
index fdae2bc..9393a07 100644 (file)
@@ -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 (file)
index 0000000..128fe6f
--- /dev/null
@@ -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 (file)
index 0000000..128fe6f
--- /dev/null
@@ -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 (file)
index 0000000..a2a8887
--- /dev/null
@@ -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
+
index afcd4a6..e34958f 100644 (file)
     "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"
     ],
     "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"
     ],