CSSStyleSheet-constructable-replace-thenable.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/cssom/CSSStyleSheet-constructable-replace-thenable.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSSStyleSheet.replace/replaceSync() when stylesheet is a thenable</title>

<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">

<link rel="author" href="https://mozilla.org" title="Mozilla">

<link rel="help" href="https://drafts.csswg.org/cssom/#extensions-to-the-document-or-shadow-root-interface">

<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=2016237">

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

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

<script>

promise_test(async function() {

  const sheet = new CSSStyleSheet();

  document.adoptedStyleSheets = [sheet];

  let p2 = null;

  let once = false;

  Object.defineProperty(CSSStyleSheet.prototype, "then", {

    configurable: true,

    get() {

      if (!once) {

        once = true;

        p2 = sheet.replace("b { color: blue; }");

      return undefined;

},

});

  await sheet.replace("a { color: red; }");

  delete CSSStyleSheet.prototype.then;

  assert_true(once, "Then getter was called");

  await p2;

  assert_true(true, "replace() from then() should settle");

  // Check if sheet is still modifiable

  sheet.replaceSync("c {}");

  assert_equals(sheet.cssRules[0].selectorText, "c", "Sheet should still be modifiable");

});

</script>