| Index: LayoutTests/media/webkit-media-controls-display.html
|
| diff --git a/LayoutTests/media/webkit-media-controls-display.html b/LayoutTests/media/webkit-media-controls-display.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f30bd4211edfa68bbdfa242737280a523ddff422
|
| --- /dev/null
|
| +++ b/LayoutTests/media/webkit-media-controls-display.html
|
| @@ -0,0 +1,24 @@
|
| +<!DOCTYPE html>
|
| +<p>Overloading ::-webkit-media-controls display property. PASS if it doesn't crash.</p>
|
| +<script>
|
| +var displayValues = ["-webkit-box", "-webkit-flex", "-webkit-inline-box",
|
| + "-webkit-inline-flex", "block", "flex", "grid", "inline", "inline-block",
|
| + "inline-flex", "inline-grid", "inline-table", "list-item", "none", "table",
|
| + "table-caption", "table-cell", "table-column", "table-column-group",
|
| + "table-footer-group", "table-header-group", "table-row", "table-row-group"];
|
| +
|
| +var styleSheet = "video { width: 200px; height: 30px; }\n";
|
| +
|
| +displayValues.forEach(function(value, idx) {
|
| + var video = document.createElement("video");
|
| + video.controls = true;
|
| + video.id = "video" + idx;
|
| + document.body.appendChild(video);
|
| +
|
| + styleSheet += "#video" + idx + "::-webkit-media-controls { display: " + value + " !important; }\n";
|
| +});
|
| +
|
| +var style = document.createElement("style");
|
| +style.textContent = styleSheet;
|
| +document.head.appendChild(style);
|
| +</script>
|
|
|