diff options
Diffstat (limited to 'tests')
5 files changed, 92 insertions, 12 deletions
diff --git a/tests/html/text_deco_simple.html b/tests/html/text_deco_simple.html index 73d48199c96..52ced9aede0 100644 --- a/tests/html/text_deco_simple.html +++ b/tests/html/text_deco_simple.html @@ -1,17 +1,46 @@ <!DOCTYPE html> + <html> -<head> -<title></title> -</head> <body> - <p style="text-decoration:none;"> none </p> - <p style="text-decoration:underline;"> text underline </p> - <p style="text-decoration:overline;"> text underline </p> - <p style="text-decoration:line-through;"> text underline </p> - <p> - <p style="font-size:40px; text-decoration:underline; font-family:Verdana;"> text underline pqrstg </p> - <p style="text-decoration:overline;"> text overline xxxxxxxxXXXXXXX</p> - <p style="font-size:50px; text-decoration:line-through;"> text line-through xxxxxxxxXXXXX</p> - <p style="text-decoration:blink;"> text blink </p> + +<style> + p { + font-family: "Times New Roman"; + background: lightgrey; + padding: 5px; + margin: 5px; + } +</style> + +<p style="text-decoration: none blue;">text-decoration: </p> +<p style="text-decoration: underline blue;">text-decoration: </p> +<p style="text-decoration: overline blue;">text-decoration: </p> +<p style="text-decoration: line-through blue;">text-decoration: </p> + +<p style="text-decoration: underline double blue;">text-decoration: </p> +<p style="text-decoration: overline double blue;">text-decoration: </p> +<p style="text-decoration: line-through double blue;">text-decoration: </p> + +<p style="text-decoration: underline wavy blue;">text-decoration: </p> +<p style="text-decoration: overline wavy blue;">text-decoration: </p> +<p style="text-decoration: line-through wavy blue;">text-decoration: </p> + +<p style="text-decoration: underline dashed blue;">text-decoration: </p> +<p style="text-decoration: overline dashed blue;">text-decoration: </p> +<p style="text-decoration: line-through dashed blue;">text-decoration: </p> + +<p style="text-decoration: underline dotted blue;">text-decoration: </p> +<p style="text-decoration: overline dotted blue;">text-decoration: </p> +<p style="text-decoration: line-through dotted blue;">text-decoration: </p> + +<script> + for (paragraph of document.querySelectorAll("p")) { + paragraph.innerText += " " + + getComputedStyle(paragraph).textDecorationLine + " " + + getComputedStyle(paragraph).textDecorationStyle; + + } +</script> + </body> </html> diff --git a/tests/wpt/meta/MANIFEST.json b/tests/wpt/meta/MANIFEST.json index 4399aedf8e8..8f64883c6be 100644 --- a/tests/wpt/meta/MANIFEST.json +++ b/tests/wpt/meta/MANIFEST.json @@ -353540,6 +353540,19 @@ {} ] ], + "animated-image-update.tentative.html": [ + "6875188ad1698155b7690ccdcbc3478fff4fff1c", + [ + null, + [ + [ + "/html/semantics/embedded-content/the-img-element/animated-image-update-ref.tentative.html", + "==" + ] + ], + {} + ] + ], "available-images.html": [ "779ff978689e4f5565b8d45d383efa75ac78b8b2", [ @@ -481177,6 +481190,10 @@ "28d0ead2dbc3f9db5e7c2714cc72434b4bc367a2", [] ], + "animated-image-update-ref.tentative.html": [ + "f2d7fb6cff15f2a87144330249bbdc2698fad550", + [] + ], "available-images-ref.html": [ "8061abae50899a2befe286723d8bd5c285b356ab", [] @@ -481254,6 +481271,10 @@ ] }, "resources": { + "animated.gif": [ + "7694add55e0c98ec3ee5d9110e5fb16b4d819137", + [] + ], "blue-10.png": [ "62949e08d87dfcdc0987eaef67692c7a1c16aa50", [] diff --git a/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update-ref.tentative.html b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update-ref.tentative.html new file mode 100644 index 00000000000..f2d7fb6cff1 --- /dev/null +++ b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update-ref.tentative.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<head> + <title>Reference for Animated image active frame update when passing delay time</title> +</head> + +<body> + <img src="resources/green.png"> +</body> +</html> diff --git a/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update.tentative.html b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update.tentative.html new file mode 100644 index 00000000000..6875188ad16 --- /dev/null +++ b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/animated-image-update.tentative.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<head> + <title>Animated image active frame update when passing delay time</title> + <link rel="match" href="animated-image-update-ref.tentative.html"> + <link rel="author" title="Tin Tun Aung" href="mailto:rayguo17@gmail.com"> + <script src="/common/reftest-wait.js"></script> +</head> + +<body> + <img id="image" src="resources/animated.gif"> +<script> + const image = document.getElementById('image'); + requestAnimationFrame(()=>{ + setTimeout(() => { + takeScreenshot(); + }, 150); + }) +</script> +</body> +</html> diff --git a/tests/wpt/tests/html/semantics/embedded-content/the-img-element/resources/animated.gif b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/resources/animated.gif Binary files differnew file mode 100644 index 00000000000..7694add55e0 --- /dev/null +++ b/tests/wpt/tests/html/semantics/embedded-content/the-img-element/resources/animated.gif |
