1 files changed, 46 insertions, 0 deletions
diff --git a/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue/inherit_values_from_media_element-ref.html b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue/inherit_values_from_media_element-ref.html
new file mode 100644
index 000000000..e8ef51b5e
--- /dev/null
+++ b/testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue/inherit_values_from_media_element-ref.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<title>Reference for WebVTT rendering, ::cue, css properties with value inherit should inherit from media element</title>
+<style>
+.video {
+    position: absolute;
+    display: inline-block;
+    width: 1280px;
+    height: 720px;
+    position: relative;
+    color: #f0f;
+    white-space: pre-wrap;
+    font: italic small-caps bold 36px/72px sans-serif;
+    text-decoration: overline underline line-through;
+    text-shadow: 0px 0px 5px #0f0;
+    background: #0f0 url('../../media/background.gif') repeat-x top left;
+    outline: solid #00f 2px;
+}
+.videoWhite {
+    position: absolute;
+    top: 0;
+    left: 160px;
+    width: 960px;
+    height: 720px;;
+    background: #fff;
+    z-index: 1;
+}
+.cue {
+    position: absolute;
+    bottom: 0;
+    left: 30%;
+    right: 0;
+    width: 40%;
+    text-align: center;
+    outline: inherit;
+    text-shadow: inherit;
+    text-decoration: inherit;
+    outline-bottom: none;
+    z-index: 2
+}
+.cue > span {
+    background: #0f0 url('../../media/background.gif') repeat-x top left;
+    text-decoration: inherit;
+    white-space: pre-wrap
+}
+</style>
+<div class="video"><div class="videoWhite"></div><span class="cue"><span>A A  A   A	A		A		A	A   A  A A</span></span></div>