<!DOCTYPE HTML>
<html>
<head>
  <title>Test Encrypted Media Extensions</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="eme.js"></script>
</head>
<body>
<pre id="test">
<video id="v" controls></video>
<script class="testbody" type="text/javascript">

SimpleTest.waitForExplicitFinish();

function createAndSet() {
  return new Promise(function(resolve, reject) {
    var m;
    navigator.requestMediaKeySystemAccess(CLEARKEY_KEYSYSTEM, gCencMediaKeySystemConfig)
    .then(function (access) {
      return access.createMediaKeys();
    })
    .then(function (mediaKeys) {
      m = mediaKeys;
      return document.getElementById("v").setMediaKeys(mediaKeys);
    })
    .then(function() {
      resolve(m);
    });
  }
)}

var m1,m2;

// Test that if we create and set two MediaKeys on one video element,
// that if the first MediaKeys we set on the media elemnt is still usable
// after the second MediaKeys has been set on the media element.

createAndSet().then((m) => {
  m1 = m; // Stash MediaKeys.
  return createAndSet();
})
.then((m) => {
  m2 = m;
  is(document.getElementById("v").mediaKeys, m2, "Should have set MediaKeys on media element");
  ok(document.getElementById("v").mediaKeys != m1, "First MediaKeys should no longer be set on media element");
  var s = m1.createSession("temporary");
  return s.generateRequest("webm", StringToArrayBuffer(atob('YAYeAX5Hfod+V9ANHtANHg==')));
})
.then(() => {
  ok(true, "Was able to generateRequest using second CDM");
  SimpleTest.finish();
}, () => {
  ok(false, "Was *NOT* able to generateRequest using second CDM");
  SimpleTest.finish();
});

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