<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>

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");