<!DOCTYPE HTML>
<html>
<head>
  <title>Media test: seek tests</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  <script type="text/javascript" src="manifest.js"></script>
  <script type="text/javascript" src="seek_support.js"></script>
</head>
<body>
<pre id="test">
<script class="testbody" type="text/javascript">

/**
 * This test is used to make sure video's duration won't be changed when it
 * reachs to the end after seeking to position where the time is very close to
 * video's end time.
 */

SimpleTest.waitForExplicitFinish();

async function test(name, videoProperties)
{
  const video = document.createElement('video');
  video.src = "bunny.webm";
  Object.assign(video, videoProperties);
  document.body.appendChild(video);

  const loadedMetadata = once(video, "loadedmetadata");
  const canplay = once(video, "canplay");
  const end = once(video, "ended");

  info(`- wait for ${name} video loading metadata -`);
  await loadedMetadata;
  const originalDuration = video.duration;

  info(`- seek ${name} video to the position which is close to end time -`);
  // video's duration is 2.1 and the last key frame is in 2.0, we want to seek
  // to that keyframe.
  video.currentTime = originalDuration - 0.1;

  info(`- play ${name} video until it ends -`);
  await canplay;
  await video.play();
  await end;

  is(video.duration, originalDuration, `${name} duration shouldn't change`);
  removeNodeAndSource(video);
}

(async function startTest() {
  await Promise.all([
    test("unmuted", {}),
    test("muted", {muted: true}),
  ]);
  SimpleTest.finish();
})();

</script>
</pre>
</body>
</html>
