1 files changed, 47 insertions, 0 deletions
diff --git a/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/not_allowed_properties.html b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/not_allowed_properties.html
new file mode 100644
index 000000000..f105b016b
--- /dev/null
+++ b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/not_allowed_properties.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<title>WebVTT rendering, ::cue(), properties that should not affect the cue</title>
+<link rel="match" href="not_allowed_properties-ref.html">
+<style>
+html { overflow:hidden }
+body { margin:0 }
+::cue(*) {
+    border: 2px solid red;
+    border-radius: 5px;
+    bottom: 300px;
+    box-shadow:  5px 5px 5px 5px #123456;
+    box-sizing: border-box;
+    clip: rect(0px, 5px, 0px, 5px);
+    columns: 100px 2;
+    content: 'hello!';
+    display: inline-block;
+    float: left;
+    font-family: sans-serif;
+    height: 90px;
+    left: -150px;
+    letter-spacing: 20px;
+    margin: 20px;
+    min-height: 100px;
+    min-width: 100px;
+    opacity: 0.2;
+    overflow: scroll;
+    padding: 20px;
+    position: absolute;
+    right: 200px;
+    text-align: left;
+    text-indent: 50px;
+    top: -50px;
+    width: 140px;
+    word-spacing: 50px;
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<video width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
+    <source src="/media/white.webm" type="video/webm">
+    <source src="/media/white.mp4" type="video/mp4">
+    <track src="../../support/test.vtt">
+    <script>
+    document.getElementsByTagName('track')[0].track.mode = 'showing';
+    </script>
+</video>
+</html>