chromium/third_party/blink/web_tests/media/controls/toggle-class-with-poster-image.html

<!DOCTYPE html>
<html>
<title>Test that poster availability is reflected in CSS classes.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../media-controls.js"></script>
<video controls width=400 preload=auto poster="../content/greenbox.png"></video>
<script>
async_test(t => {
  const video = document.querySelector('video');

  checkControlsDoesNotHaveClass(video, 'use-default-poster');

  video.oncanplay = t.step_func_done(() => {
    checkControlsDoesNotHaveClass(video, 'use-default-poster');
  });

  video.src = '../content/counting.ogv';
});
</script>
</html>