object-view-box-property-changed.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-images/object-view-box-property-changed.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class=reftest-wait>

<title>Changing CSS object-view-box should trigger relayout</title>

<link rel="author" href="mailto:khushalsagar@chromium.org">

<link rel="match" href="object-view-box-property-changed-ref.html">

<link rel="help" href="https://drafts.csswg.org/css-images-4/#the-object-view-box">

<script src="/common/reftest-wait.js"></script>

<script src="/common/rendering-utils.js"></script>

<style>

.view_box_subset {

  object-fit: fill;

  margin: 5px;

</style>

<body>

<img class="view_box_subset" src="support/exif-orientation-6-ru.jpg"></img>

</body>

<script>

async function runTest(image) {

  // Wait for at least one frame to ensure changing object-view-box triggers a

  // relayout.

  await waitForAtLeastOneFrame();

  image.style.objectViewBox = "inset(50px 0px 0px 0px)";

  await waitForAtLeastOneFrame();

  requestAnimationFrame(takeScreenshot);

let image = document.getElementsByTagName("img")[0];

image.onload = runTest(image);

</script>