<script src="../../../resources/js-test-pre.js"></script>
<script src="../resources/media-controls-loader.js" type="text/javascript"></script>
<body>
<script type="text/javascript">

description("Testing the <code>MediaControls</code> constructor.");

const mediaControls = new MediaControls({ layoutTraits: LayoutTraits.macOS });

shouldBeEqualToString("mediaControls.element.localName", "div");
shouldBeEqualToString("mediaControls.element.className", "media-controls");

debug("");
shouldBe("mediaControls.width", "300");
shouldBe("mediaControls.height", "150");
shouldBe("mediaControls.layoutTraits", "LayoutTraits.macOS");

debug("");
shouldBeTrue("mediaControls.playPauseButton instanceof PlayPauseButton");
shouldBeTrue("mediaControls.airplayButton instanceof AirplayButton");
shouldBeTrue("mediaControls.pipButton instanceof PiPButton");
shouldBeTrue("mediaControls.fullscreenButton instanceof FullscreenButton");
shouldBeTrue("mediaControls.statusLabel instanceof StatusLabel");
shouldBeTrue("mediaControls.timeControl instanceof TimeControl");
shouldBeTrue("mediaControls.airplayPlacard instanceof AirplayPlacard");
shouldBeTrue("mediaControls.invalidPlacard instanceof InvalidPlacard");
shouldBeTrue("mediaControls.pipPlacard instanceof PiPPlacard");

debug("");
shouldBeTrue("mediaControls.bottomControlsBar instanceof ControlsBar");
shouldBeEqualToString("mediaControls.bottomControlsBar.element.localName", "div");
shouldBeTrue("mediaControls.bottomControlsBar.element.classList.contains('controls-bar')");
shouldBeTrue("mediaControls.bottomControlsBar.element.classList.contains('bottom')");

debug("");
const mediaControlsWithArguments = new MediaControls({ width: 600, height: 300, layoutTraits: LayoutTraits.macOS });
shouldBe("mediaControlsWithArguments.width", "600");
shouldBe("mediaControlsWithArguments.height", "300");

debug("");

</script>
<script src="../../../resources/js-test-post.js"></script>
</body>