test_load_source_empty_type.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Load resource from source element with empty type</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="manifest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<video id="type"><source src="gizmo.mp4" type></video>

<video id="type-and-equal"><source src="gizmo.mp4" type=></video>

<video id="type-and-equal-quotation-marks"><source src="gizmo.mp4" type=""></video>

<script class="testbody" type="text/javascript">

/**

 * This test is used to ensure that media element can start loading when its

 * child source element with empty type property. We would test following forms,

 * `type`, `type=` and `type=""`.

*/

SimpleTest.waitForExplicitFinish();

const videos = document.getElementsByTagName("video");

const videoNum = videos.length;

let loadedElementsNum = 0;

for (let video of videos) {

	video.addEventListener("loadeddata",

  () => {

  	ok(true, `loaded element '${video.id}'`);

  	if (++loadedElementsNum == videoNum) {

  		SimpleTest.finish();

  }, { once: true});

</script>

</body>

</html>