<!DOCTYPE html>
<title>Download button should appear for videos that can be downloaded.</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="../../media-resources/media-controls.js"></script>
<!--Padding ensures the overflow menu is visible for the tests. -->
<body style="padding-top: 200px; padding-left: 100px">
<video controls></video>
<script>
async_test(function(t) {
  // Set up video
  var video = document.querySelector("video");
  video.src = "resources/test.ogv";
  var controlID = "-internal-media-controls-download-button";
  var downloadButton = mediaControlsElement(internals.shadowRoot(video).firstChild, controlID);
  video.onloadeddata = t.step_func_done(function() {
      assert_not_equals(getComputedStyle(downloadButton).display, "none");
  });
});
</script>
</body>