<!DOCTYPE html>
<title>Test Payment Handler API</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/common/utils.js"></script>
<script src="/common/dispatcher/dispatcher.js"></script>
<script src="resources/utils.js"></script>
<body>
<script>
promise_test(async () => {
const frame = attachFencedFrameContext();
const error_name = await frame.execute(async () => {
navigator.serviceWorker.register(
"empty-worker.js", { scope: location.href });
const registration = await navigator.serviceWorker.ready;
try {
registration.paymentManager;
} catch (e) {
return e.name;
}
});
assert_equals(error_name, "NotAllowedError",
"paymentManager is not allowed in fenced frames");
}, 'paymentManager should fail inside a fenced frame');
promise_test(async () => {
const frame = attachFencedFrameContext();
const error_name = await frame.execute(async () => {
const getController = () => {
if (navigator.serviceWorker.controller) {
return navigator.serviceWorker.controller;
}
return new Promise(resolve => {
navigator.serviceWorker.addEventListener('controllerchange', () => {
resolve(navigator.serviceWorker.controller);
});
});
};
navigator.serviceWorker.register(
"payment-handler-sw.js", { scope: location.href });
const ctrl = await getController();
return new Promise(resolve => {
ctrl.postMessage("test");
navigator.serviceWorker.onmessage = e => {
const error = e.data;
resolve(error.name);
};
});
});
assert_equals(error_name, "NotAllowedError",
"paymentManager is not allowed from the service worker " +
"in fenced frames");
}, 'paymentManager should fail from the service worker inside a fenced frame');
</script>
</body>