Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: web-platform-tests/wpt
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 7b29ee36cc22bdad06b4f98df73358ca959fe0a7
Choose a base ref
...
head repository: web-platform-tests/wpt
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: b869e60df1b8d3840e09b41c5e987c7e23f6856c
Choose a head ref
34 contributors
Loading
Showing with 2,136 additions and 1,110 deletions.
  1. +2 −2 css/css-backgrounds/background-332.html
  2. +4 −4 css/css-backgrounds/border-image-slice-percentage.html
  3. +28 −0 css/css-backgrounds/local-attachment-content-box-scroll-ref.html
  4. +54 −0 css/css-backgrounds/local-attachment-content-box-scroll.html
  5. +58 −14 css/css-backgrounds/reference/border-image-repeat-round-ref.html
  6. +103 −17 css/css-backgrounds/reference/border-image-round-and-stretch-ref.html
  7. +0 −15 css/css-backgrounds/reference/border-image-slice-percentage-ref.html
  8. BIN css/css-backgrounds/support/border-image-round-result.png
  9. BIN css/css-backgrounds/support/borderresult.png
  10. +36 −0 css/css-flexbox/overflow-area-003.html
  11. +8 −0 css/css-flexbox/reference/overflow-area-003-ref.html
  12. +20 −0 css/css-fonts/infinite-size-crash.html
  13. +9 −0 css/css-pseudo/first-letter-with-quote-ref.html
  14. +11 −0 css/css-pseudo/first-letter-with-quote.html
  15. +9 −0 css/css-pseudo/first-letter-with-span-ref.html
  16. +11 −0 css/css-pseudo/first-letter-with-span.html
  17. +10 −0 css/css-pseudo/first-line-replaced-001-ref.html
  18. +14 −0 css/css-pseudo/first-line-replaced-001.html
  19. +14 −0 css/css-pseudo/highlight-painting-005-ref.html
  20. +32 −0 css/css-pseudo/highlight-painting-005.html
  21. +49 −0 css/css-scroll-snap/selection-target.html
  22. +12 −0 css/css-typed-om/stylevalue-serialization/crashtests/cssTransform-Internal-value.html
  23. +1 −2 css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html
  24. +8 −0 css/css-writing-modes/crashtests/orthogonal-scroll-percent-height-crash.html
  25. +58 −0 css/cssom/cssstyledeclaration-registered-custom-properties.html
  26. +13 −0 css/printing/page-overflow-crash-print.html
  27. +6 −0 eventsource/eventsource-constructor-empty-url.any.js
  28. +15 −0 eventsource/eventsource-constructor-empty-url.html
  29. +1 −1 html/canvas/element/filters/2d.filter.canvasFilterObject.componentTransfer.discrete.html
  30. +3 −0 html/canvas/element/filters/2d.filter.canvasFilterObject.convolveMatrix.exceptions.html
  31. +65 −0 html/canvas/element/manual/filters/canvas-filter-object-component-transfer-expected.html
  32. +57 −0 html/canvas/element/manual/filters/canvas-filter-object-component-transfer.html
  33. +55 −16 html/canvas/element/manual/filters/canvas-filter-object-convolve-matrix-expected.html
  34. +46 −25 html/canvas/element/manual/filters/canvas-filter-object-convolve-matrix.html
  35. +1 −1 html/canvas/offscreen/filters/2d.filter.canvasFilterObject.componentTransfer.discrete.html
  36. +1 −1 html/canvas/offscreen/filters/2d.filter.canvasFilterObject.componentTransfer.discrete.worker.js
  37. +3 −0 html/canvas/offscreen/filters/2d.filter.canvasFilterObject.convolveMatrix.exceptions.html
  38. +3 −0 html/canvas/offscreen/filters/2d.filter.canvasFilterObject.convolveMatrix.exceptions.worker.js
  39. +4 −1 html/canvas/tools/yaml/element/filters.yaml
  40. +4 −1 html/canvas/tools/yaml/offscreen/filters.yaml
  41. +46 −160 html/cross-origin-opener-policy/javascript-url.https.html
  42. +15 −4 html/cross-origin-opener-policy/popup-redirect-cache.https.html
  43. +24 −22 html/cross-origin-opener-policy/resources/common.js
  44. +24 −12 html/cross-origin-opener-policy/resources/coop-coep.py
  45. +39 −2 html/cross-origin-opener-policy/resources/iframe-popup.sub.html
  46. +26 −0 html/interaction/focus/focus-keyboard-js.html
  47. +12 −0 ...-replaced-elements/the-fieldset-and-legend-elements/insert-legend-in-multicol-fieldset-crash.html
  48. +11 −0 html/rendering/replaced-elements/attributes-for-embedded-content-and-images/img-aspect-ratio.html
  49. +30 −0 html/semantics/embedded-content/the-img-element/image-loading-lazy-available.html
  50. +1 −1 html/semantics/embedded-content/the-img-element/image-loading-lazy-base-url-2.html
  51. +1 −1 html/semantics/embedded-content/the-img-element/image-loading-lazy-base-url.html
  52. +1 −1 html/semantics/embedded-content/the-img-element/image-loading-lazy-multicol.html
  53. +2 −2 html/semantics/embedded-content/the-img-element/image-loading-lazy-multiple-times.html
  54. +2 −2 html/semantics/embedded-content/the-img-element/image-loading-lazy-srcset.html
  55. +2 −2 html/semantics/embedded-content/the-img-element/image-loading-lazy.html
  56. +3 −3 html/semantics/embedded-content/the-img-element/not-rendered-below-viewport-image-loading-lazy.html
  57. +4 −1 html/semantics/embedded-content/the-img-element/resources/image-loading-lazy-in-viewport.html
  58. +3 −0 infrastructure/reftest/reftest_mismatch-num-pages-print.html
  59. +2 −0 interfaces/visual-viewport.idl
  60. +64 −48 interfaces/webcodecs.idl
  61. 0 interfaces/{gpuweb.idl → webgpu.idl}
  62. +3 −4 interfaces/webtransport.idl
  63. +64 −0 layout-instability/pointermove-becomes-drag.html
  64. +13 −1 referrer-policy/generic/inheritance/iframe-inheritance-srcdoc.html
  65. +14 −8 referrer-policy/generic/inheritance/resources/make-html-script.js
  66. +47 −0 referrer-policy/generic/inheritance/workers.html
  67. +6 −6 resource-timing/TAO-match.html
  68. +1 −1 resource-timing/TAO-port-mismatch-means-crossorigin.html
  69. +12 −70 resource-timing/buffer-full-add-after-full-event.html
  70. +13 −35 resource-timing/buffer-full-add-entries-during-callback-that-drop.html
  71. +12 −34 resource-timing/buffer-full-add-entries-during-callback.html
  72. +12 −30 resource-timing/buffer-full-add-then-clear.html
  73. +10 −33 resource-timing/buffer-full-decrease-buffer-during-callback.html
  74. +10 −33 resource-timing/buffer-full-increase-buffer-during-callback.html
  75. +15 −41 resource-timing/buffer-full-inspect-buffer-during-callback.html
  76. +20 −68 resource-timing/buffer-full-set-to-current-buffer.html
  77. +19 −38 resource-timing/buffer-full-store-and-clear-during-callback.html
  78. +10 −26 resource-timing/buffer-full-then-increased.html
  79. +10 −26 resource-timing/buffer-full-when-populate-entries.html
  80. +18 −0 resource-timing/connection-reuse.html
  81. +18 −0 resource-timing/connection-reuse.https.html
  82. +2 −2 resource-timing/entry-attributes.html
  83. +0 −62 resource-timing/resource_connection_reuse.html
  84. +0 −60 resource-timing/resource_connection_reuse.https.html
  85. +58 −54 resource-timing/resources/buffer-full-utilities.js
  86. +70 −0 resource-timing/resources/connection-reuse-test.js
  87. +6 −6 resource-timing/resources/document-domain-no-impact.html
  88. +126 −4 resource-timing/resources/entry-invariants.js
  89. +36 −0 scroll-animations/source-quirks-mode.html
  90. +12 −0 selection/caret/collapse-pre-linestart-1.html
  91. +13 −0 selection/caret/collapse-pre-linestart-2.html
  92. +8 −0 selection/caret/collapse-pre-linestart-ref.html
  93. +12 −0 selection/textcontrols/selectionchange.tentative.html
  94. +45 −14 streams/readable-byte-streams/general.any.js
  95. +11 −0 svg/embedded/image-embedding-svg-with-fractional-viewbox.svg
  96. +16 −0 svg/print/svg-use-page-break-crash-print.html
  97. +4 −4 tools/ci/azure/safari-technology-preview.rb
  98. +1 −1 tools/requirements_pytest.txt
  99. +1 −1 tools/wptrunner/requirements_firefox.txt
  100. +2 −1 tools/wptrunner/wptrunner/browsers/chrome_android.py
  101. +2 −2 tools/wptrunner/wptrunner/browsers/edgechromium.py
  102. +7 −8 tools/wptrunner/wptrunner/browsers/firefox.py
  103. +1 −1 tools/wptrunner/wptrunner/executors/base.py
  104. +12 −2 tools/wptrunner/wptrunner/executors/executormarionette.py
  105. +43 −0 visual-viewport/viewport-resize-event-on-iframe-size-change.html
  106. +22 −0 web-bundle/subresource-loading/subresource-loading-link-element-is-removed.https.tentative.html
  107. +8 −8 webaudio/the-audio-api/the-audioparam-interface/audioparam-cancel-and-hold.html
  108. +1 −1 webaudio/the-audio-api/the-audioparam-interface/event-insertion.html
  109. +37 −35 webcodecs/video-frame.any.js
  110. +3 −2 webcodecs/videoFrame-drawImage.any.js
  111. +4 −2 webcodecs/videoFrame-readInto.any.js
  112. +3 −2 webcodecs/videoFrame-texImage.any.js
  113. +0 −8 webmessaging/broadcastchannel/{basics.html → basics.any.js}
  114. +0 −8 webmessaging/broadcastchannel/{interface.html → interface.any.js}
  115. +11 −7 webrtc-extensions/RTCRtpSynchronizationSource-captureTimestamp.html
  116. +92 −0 webrtc-extensions/RTCRtpSynchronizationSource-senderCaptureTimeOffset.html
4 changes: 2 additions & 2 deletions css/css-backgrounds/background-332.html
View file
Original file line number Diff line number Diff line change
@@ -32,12 +32,12 @@

test(function() {
assert_equals(cs.getPropertyValue("background-size"),
"10em 10em", "background specified value for background-size");
"160px", "background specified value for background-size");
}, "background_specified_size");

test(function() {
assert_equals(cs.getPropertyValue("background-repeat"),
"round round", "background specified value for background-repeat");
"round", "background specified value for background-repeat");
}, "background_specified_repeat");

test(function() {
8 changes: 4 additions & 4 deletions css/css-backgrounds/border-image-slice-percentage.html
View file
Original file line number Diff line number Diff line change
@@ -4,14 +4,14 @@
<title>CSS Backgrounds and Borders Test: 'border-image-slice' set by percentage</title>
<link rel="author" title="Ren Jing" href="mailto:reni2046@gmail.com">
<link rel="help" href="http://www.w3.org/TR/css3-background/#border-images">
<link rel="match" href="reference/border-image-slice-percentage-ref.html">
<link rel="match" href="reference/border-image-repeat-round-ref.html">
<meta name="assert" content="diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.">
<style type="text/css">
.container {
border: double red 1em;
border-image: url("support/border.png") 33.3% round;
height:64px;
width:64px;
border-image: url("support/border.png") 33.33333% round;
height: 64px;
width: 64px;
}
</style>
</head>
28 changes: 28 additions & 0 deletions css/css-backgrounds/local-attachment-content-box-scroll-ref.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype html>
<style>
.container {
width: 100px;
height: 100px;
box-sizing: border-box;
overflow: hidden;
border: 1px solid black;
display: block;
}
.content {
width: 100%;
height: 100%;
background: blue;
}
</style>
<div class="container">
<div class="content"></div>
</div>
<div class="container" style="padding-top: 20px; padding-left: 20px">
<div class="content"></div>
</div>
<div class="container" style="padding-right: 20px; padding-bottom: 20px">
<div class="content"></div>
</div>
<div class="container">
<div class="content"></div>
</div>
54 changes: 54 additions & 0 deletions css/css-backgrounds/local-attachment-content-box-scroll.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!doctype html>
<html class="reftest-wait">
<title>CSS Backgrounds: local attachment content-box background scroll with padding</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-background-attachment">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#the-background-clip">
<link rel="match" href="local-attachment-content-box-scroll-ref.html">
<script src="/common/reftest-wait.js"></script>
<script src="/common/rendering-utils.js"></script>
<style>
.container {
width: 100px;
height: 100px;
box-sizing: border-box;
overflow: hidden;
border: 1px solid black;
padding: 20px;
background-color: blue;
background-attachment: local;
background-clip: content-box;
display: none;
}
.content {
width: 400px;
height: 400px;
}
</style>
<div id="container1" class="container">
<div class="content"></div>
</div>
<div id="container2" class="container">
<div class="content"></div>
</div>
<div id="container3" class="container">
<div class="content"></div>
</div>
<div id="container4" class="container">
<div class="content"></div>
</div>
<script>
container1.style.display = 'block';
container2.style.display = 'block';
container2.scrollTo(40, 40);
container3.style.display = 'block';
container3.scrollTo(260, 260);
container4.style.display = 'block';
container4.scrollTo(400, 400);
waitForAtLeastOneFrame().then(() => {
container1.scrollTo(40, 40);
container2.scrollTo(0, 0);
container3.scrollTo(400, 400);
container4.scrollTo(260, 260);
takeScreenshot();
});
</script>
72 changes: 58 additions & 14 deletions css/css-backgrounds/reference/border-image-repeat-round-ref.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<title>Reference File</title>
<link rel="author" title="Ren Jing" href="mailto:reni2046@gmail.com">
<style type="text/css">
</style>
</head>
<body>
<p>The test passes if diamonds in corners are red, and other diamonds are orange, there are 4 orange diamonds on each side.</p>
<div class="container">
<img class="result-image" alt="border-image-round-result" src="../support/border-image-round-result.png"></img>
</div>
</body>
</html>
<title>CSS Border Image: border-image-repeat: round (reference)</title>
<style type="text/css">
.container {
position: relative;
width: 96px;
height: 96px;
}
.container > div {
position: absolute;
width: 16px;
height: 16px;
background-image: url("../support/border.png");
background-size: 48px 48px;
}
.top { top: 0; }
.right { left: 80px; }
.bottom { top: 80px; }
.left { left: 0; }
.top-left-corner-tile { background-position: 0px 0px; }
.top-edge-tile { background-position: -16px 0px; }
.top-right-corner-tile { background-position: -32px 0px; }
.left-edge-tile { background-position: 0px -16px; }
.right-edge-tile { background-position: -32px -16px; }
.bottom-left-corner-tile { background-position: 0px -32px; }
.bottom-edge-tile { background-position: -16px -32px; }
.bottom-right-corner-tile { background-position: -32px -32px; }
.h-pos-0 { left: 16px; }
.h-pos-1 { left: 32px; }
.h-pos-2 { left: 48px; }
.h-pos-3 { left: 64px; }
.v-pos-0 { top: 16px; }
.v-pos-1 { top: 32px; }
.v-pos-2 { top: 48px; }
.v-pos-3 { top: 64px; }
</style>
<p>The test passes if diamonds in corners are red, and other diamonds are orange, there are 4 orange diamonds on each side.</p>
<div class="container">
<div class="top left top-left-corner-tile"></div>
<div class="top top-edge-tile h-pos-0"></div>
<div class="top top-edge-tile h-pos-1"></div>
<div class="top top-edge-tile h-pos-2"></div>
<div class="top top-edge-tile h-pos-3"></div>
<div class="top right top-right-corner-tile"></div>
<div class="right right-edge-tile v-pos-0"></div>
<div class="right right-edge-tile v-pos-1"></div>
<div class="right right-edge-tile v-pos-2"></div>
<div class="right right-edge-tile v-pos-3"></div>
<div class="bottom right bottom-right-corner-tile"></div>
<div class="bottom bottom-edge-tile h-pos-0"></div>
<div class="bottom bottom-edge-tile h-pos-1"></div>
<div class="bottom bottom-edge-tile h-pos-2"></div>
<div class="bottom bottom-edge-tile h-pos-3"></div>
<div class="bottom left bottom-left-corner-tile"></div>
<div class="left left-edge-tile v-pos-0"></div>
<div class="left left-edge-tile v-pos-1"></div>
<div class="left left-edge-tile v-pos-2"></div>
<div class="left left-edge-tile v-pos-3"></div>
</div>
120 changes: 103 additions & 17 deletions css/css-backgrounds/reference/border-image-round-and-stretch-ref.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,104 @@
<!DOCTYPE html>
<html>
<head>
<title>Reference File</title>
<link rel="author" title="Ren Jing" href="mailto:reni2046@gmail.com">
<style type="text/css">
.result-image {
width:224px;
}
</style>
</head>
<body>
<p>The test passes if orange diamonds on top and bottom border repeat 12 times, and orange diamonds on left and right border are stretched, diamonds in corners are red, and other diamonds are orange.</p>
<div class="container">
<img class="result-image" alt="border-image-result" src="../support/borderresult.png"></img>
</div>
</body>
</html>
<title>CSS Border Image: border-image-repeat: round and stretch (reference)</title>
<style type="text/css">
.container {
position: relative;
width: 224px;
height: 109px;
}
.container > div {
position: absolute;
width: 16px;
background-image: url("../support/border.png");
}
.top { top: 0; }
.right { left: 208px; }
.bottom { top: 93px; }
.left { left: 0; }
.top-left-corner-tile {
background-position: 0px 0px;
background-size: 48px 48px;
height: 16px;
}
.top-edge-tile {
background-position: -16px 0px;
background-size: 48px 48px;
height: 16px;
}
.top-right-corner-tile {
background-position: -32px 0px;
background-size: 48px 48px;
height: 16px;
}
.left-edge-tile {
background-position: 0px -77px;
background-size: 48px 231px;
height: 77px;
}
.right-edge-tile {
background-position: -32px -77px;
background-size: 48px 231px;
height: 77px;
}
.bottom-left-corner-tile {
background-position: 0px -32px;
background-size: 48px 48px;
height: 16px;
}
.bottom-edge-tile {
background-position: -16px -32px;
background-size: 48px 48px;
height: 16px;
}
.bottom-right-corner-tile {
background-position: -32px -32px;
background-size: 48px 48px;
height: 16px;
}
.h-pos-0 { left: 16px; }
.h-pos-1 { left: 32px; }
.h-pos-2 { left: 48px; }
.h-pos-3 { left: 64px; }
.h-pos-4 { left: 80px; }
.h-pos-5 { left: 96px; }
.h-pos-6 { left: 112px; }
.h-pos-7 { left: 128px; }
.h-pos-8 { left: 144px; }
.h-pos-9 { left: 160px; }
.h-pos-10 { left: 176px; }
.h-pos-11 { left: 192px; }
.v-pos-0 { top: 16px; }
</style>
<p>The test passes if orange diamonds on top and bottom border repeat 12 times, and orange diamonds on left and right border are stretched, diamonds in corners are red, and other diamonds are orange.</p>
<div class="container">
<div class="top left top-left-corner-tile"></div>
<div class="top top-edge-tile h-pos-0"></div>
<div class="top top-edge-tile h-pos-1"></div>
<div class="top top-edge-tile h-pos-2"></div>
<div class="top top-edge-tile h-pos-3"></div>
<div class="top top-edge-tile h-pos-4"></div>
<div class="top top-edge-tile h-pos-5"></div>
<div class="top top-edge-tile h-pos-6"></div>
<div class="top top-edge-tile h-pos-7"></div>
<div class="top top-edge-tile h-pos-8"></div>
<div class="top top-edge-tile h-pos-9"></div>
<div class="top top-edge-tile h-pos-10"></div>
<div class="top top-edge-tile h-pos-11"></div>
<div class="top right top-right-corner-tile"></div>
<div class="right right-edge-tile v-pos-0"></div>
<div class="bottom right bottom-right-corner-tile"></div>
<div class="bottom bottom-edge-tile h-pos-0"></div>
<div class="bottom bottom-edge-tile h-pos-1"></div>
<div class="bottom bottom-edge-tile h-pos-2"></div>
<div class="bottom bottom-edge-tile h-pos-3"></div>
<div class="bottom bottom-edge-tile h-pos-4"></div>
<div class="bottom bottom-edge-tile h-pos-5"></div>
<div class="bottom bottom-edge-tile h-pos-6"></div>
<div class="bottom bottom-edge-tile h-pos-7"></div>
<div class="bottom bottom-edge-tile h-pos-8"></div>
<div class="bottom bottom-edge-tile h-pos-9"></div>
<div class="bottom bottom-edge-tile h-pos-10"></div>
<div class="bottom bottom-edge-tile h-pos-11"></div>
<div class="bottom left bottom-left-corner-tile"></div>
<div class="left left-edge-tile v-pos-0"></div>
</div>
15 changes: 0 additions & 15 deletions css/css-backgrounds/reference/border-image-slice-percentage-ref.html
View file

This file was deleted.

Binary file removed css/css-backgrounds/support/border-image-round-result.png
View file
Binary file not shown.
Binary file removed css/css-backgrounds/support/borderresult.png
View file
Binary file not shown.
36 changes: 36 additions & 0 deletions css/css-flexbox/overflow-area-003.html
View file
Original file line number Diff line number Diff line change
@@ -39,6 +39,26 @@
justify-content: center;
align-items: center
}

.relative {
position: relative;
}

.relative > .item {
flex-shrink: 0;
width: 60px;
height: 60px;
}

.top-left {
left: -10px;
top: -10px;
}

.bottom-right {
bottom: -10px;
right: -10px;
}
</style>

<p>Test passes if all the teal boxes have no scrollbars.</p>
@@ -83,4 +103,20 @@
</div>
</div>

<!-- This set tests flex containers having a relative positioned flex item. -->
<div class="set">
<div class="test relative" style="flex-direction: row;">
<div class="item relative bottom-right"></div>
</div>
<div class="test relative" style="flex-direction: column;">
<div class="item relative bottom-right"></div>
</div>
<div class="test relative" style="flex-direction: row-reverse;">
<div class="item relative top-left"></div>
</div>
<div class="test relative" style="flex-direction: column-reverse;">
<div class="item relative top-left"></div>
</div>
</div>

</html>
8 changes: 8 additions & 0 deletions css/css-flexbox/reference/overflow-area-003-ref.html
View file
Original file line number Diff line number Diff line change
@@ -47,4 +47,12 @@
<div class="test"></div>
<div class="test"></div>
</div>

<!-- This set tests flex containers having a relative positioned flex item. -->
<div class="set">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
</html>
Loading