urlpattern/urlpattern-detached-frame-regexp.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>URLPattern regexp groups work without a script context (detached frame)</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<script>
// These tests exercise URLPattern objects whose associated document/global
// object has gone away (the owning frame is detached). This means URLPattern
// is being used without a valid JavaScript context.
function withDetachedPatternConstructor(t) {
  return new Promise(resolve => {
    const frame = document.createElement("iframe");
    frame.srcdoc = "";
    frame.onload = () => {
      const FrameURLPattern = frame.contentWindow.URLPattern;
      frame.remove();
      resolve(FrameURLPattern);
    };
    document.body.appendChild(frame);
    t.add_cleanup(() => frame.remove());
  });
}

promise_test(async t => {
  const FrameURLPattern = await withDetachedPatternConstructor(t);
  const pattern = new FrameURLPattern({ pathname: "/books/:id(\\d+)" });

  assert_true(pattern.hasRegExpGroups, "pattern should report regexp groups");

  const result = pattern.exec("https://example.com/books/123");
  assert_not_equals(result, null, "regexp pattern should match");
  assert_equals(result.pathname.input, "/books/123");
  assert_equals(result.pathname.groups.id, "123");
}, "Named regexp group matches after the owning frame is detached");

promise_test(async t => {
  const FrameURLPattern = await withDetachedPatternConstructor(t);
  const pattern = new FrameURLPattern({ pathname: "/books/:id(\\d+)" });

  assert_equals(pattern.exec("https://example.com/books/abc"), null,
    "input that violates the regexp constraint should not match");
}, "Non-matching regexp input returns null after the owning frame is detached");

promise_test(async t => {
  const FrameURLPattern = await withDetachedPatternConstructor(t);
  // Anonymous regexp group, exercised through test() rather than exec().
  const pattern = new FrameURLPattern({ pathname: "/(foo|bar)" });

  assert_true(pattern.test("https://example.com/foo"),
    "anonymous regexp alternation should match after detach");
  assert_false(pattern.test("https://example.com/baz"),
    "anonymous regexp alternation should reject non-matching input after detach");
}, "Anonymous regexp group via test() after the owning frame is detached");

promise_test(async t => {
  const FrameURLPattern = await withDetachedPatternConstructor(t);
  // Regexp groups across several components at once.
  const pattern = new FrameURLPattern({
    hostname: ":sub(.*)\\.example\\.com",
    pathname: "/v:version(\\d+)/:rest*",
  });

  const result = pattern.exec("https://api.example.com/v2/users/42");
  assert_not_equals(result, null, "multi-component regexp pattern should match after detach");
  assert_equals(result.hostname.groups.sub, "api");
  assert_equals(result.pathname.groups.version, "2");
  assert_equals(result.pathname.groups.rest, "users/42");
}, "Regexp groups across multiple components after the owning frame is detached");
</script>
</body>