<!DOCTYPE html>
<title>Test mediastream video in Picture-in-Picture</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/picture-in-picture-helpers.js"></script>
<body></body>
<script>
promise_test(async t => {
  const canvas = document.createElement('canvas');
  const video = document.createElement('video');
  canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height);
  video.muted = true;
  video.srcObject = canvas.captureStream(60 /* fps */);
  await video.play();

  return requestPictureInPictureWithTrustedClick(video)
  .then(pipWindow => {
    assert_not_equals(pipWindow.width, 0);
    assert_not_equals(pipWindow.height, 0);
  });
}, 'request Picture-in-Picture resolves on user click with Picture-in-Picture window');
</script>