<!DOCTYPE html>
<html>
<title>Test that player state is reflected in CSS classes on the mute button.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../media-controls.js"></script>
<video controls width=400></video>
<script>
async_test(t => {
var video = document.querySelector('video');
checkButtonNotHasClass(muteButton(video), 'muted');
t.step_func(_ => {
video.muted = true;
setTimeout(t.step_func_done(_ => {
checkButtonHasClass(muteButton(video), 'muted');
}));
})();
});
</script>
</html>