css/geometry/DOMRect-nan.html

<!DOCTYPE html>
<meta charset=utf-8>
<title>DOMQuad's handling of NaN in getBounds()</title>
<link rel=help href="https://drafts.fxtf.org/geometry/#dom-domquad-getbounds">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
"use strict";

const testCases = [
  {
    name: "x coordinate is NaN",
    idx: 0,
    exp: {
      x: NaN,
      y: 0,
      width: 0,
      height: 0,
      top: 0,
      bottom: 0,
      left: NaN,
      right: NaN
    }
  },
  {
    name: "y coordinate is NaN",
    idx: 1,
    exp: {
      x: 0,
      y: NaN,
      width: 0,
      height: 0,
      top: NaN,
      bottom: NaN,
      left: 0,
      right: 0
    }
  },
  {
    name: "width is NaN",
    idx: 2,
    exp: {
      x: 0,
      y: 0,
      width: NaN,
      height: 0,
      top: 0,
      bottom: 0,
      left: NaN,
      right: NaN
    }
  },
  {
    name: "height is NaN",
    idx: 3,
    exp: {
      x: 0,
      y: 0,
      width: 0,
      height: NaN,
      top: NaN,
      bottom: NaN,
      left: 0,
      right: 0
    }
  },
];

for (const Rect of [DOMRect, DOMRectReadOnly]) {
  for (const testCase of testCases) {
    test(() => {
      const args = [0, 0, 0, 0];
      args[testCase.idx] = NaN;
      const rect = new Rect(...args);
      assert_object_equals(rect.toJSON(), testCase.exp);
    }, `${Rect.name}'s ${testCase.name}`);
  }
}
</script>