2d.state.saverestore.shadowOffsetX.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/canvas/element/the-canvas-state/2d.state.saverestore.shadowOffsetX.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->

<meta charset="UTF-8">

<title>Canvas test: 2d.state.saverestore.shadowOffsetX</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/html/canvas/resources/canvas-tests.js"></script>

<link rel="stylesheet" href="/html/canvas/resources/canvas-tests.css">

<h1>2d.state.saverestore.shadowOffsetX</h1>

<script>

test(t => {

  const canvas = document.createElement('canvas');

  canvas.width = 300;

  canvas.height = 150;

  const ctx = canvas.getContext('2d');

  const old = ctx.shadowOffsetX;

  ctx.save();

  ctx.shadowOffsetX = 5;

  ctx.restore();

  _assertSame(ctx.shadowOffsetX, old, "ctx.shadowOffsetX", "old");

}, "save()/restore() restores shadowOffsetX, for a canvas of size (300, 150).");

test(t => {

  const canvas = document.createElement('canvas');

  canvas.width = 300;

  canvas.height = 150;

  const ctx = canvas.getContext('2d');

  ctx.shadowOffsetX = 5;

  const old = ctx.shadowOffsetX;

  // We're not interested in failures caused by get(set(x)) != x (e.g.

  // from rounding), so compare against `old` instead of 5.

  ctx.save();

  _assertSame(ctx.shadowOffsetX, old, "ctx.shadowOffsetX", "old");

  ctx.restore();

}, "save() does not modify shadowOffsetX, for a canvas of size (300, 150).");

test(t => {

  const canvas = document.createElement('canvas');

  canvas.width = 0;

  canvas.height = 0;

  const ctx = canvas.getContext('2d');

  const old = ctx.shadowOffsetX;

  ctx.save();

  ctx.shadowOffsetX = 5;

  ctx.restore();

  _assertSame(ctx.shadowOffsetX, old, "ctx.shadowOffsetX", "old");

}, "save()/restore() restores shadowOffsetX, for a canvas of size (0, 0).");

test(t => {

  const canvas = document.createElement('canvas');

  canvas.width = 0;

  canvas.height = 0;

  const ctx = canvas.getContext('2d');

  ctx.shadowOffsetX = 5;

  const old = ctx.shadowOffsetX;

  // We're not interested in failures caused by get(set(x)) != x (e.g.

  // from rounding), so compare against `old` instead of 5.

  ctx.save();

  _assertSame(ctx.shadowOffsetX, old, "ctx.shadowOffsetX", "old");

  ctx.restore();

}, "save() does not modify shadowOffsetX, for a canvas of size (0, 0).");

</script>