Simeon Vincent dotproto

This gist contains a WebExtension that tests how the browser that runs it handles ports host permission patterns.

Running tests

(optional) Create a new browser profile to ensure that this test runs in a clean environment.
Load this extension in your browser.
Start a debug session for the extension's background context.
(optional) Diable "debug" or "verbose" log messages
Check if your browser auto-upgrades HTTP requests to HTTPS by calling testHttpUpgrades() in the console. If you see a console message that says "Your browser auto-upgraded one or more HTTP requests to HTTPS!", consult the HTTPs Upgrades section below.

timeout() is a promise-based version of setTimeout() with AbortSignal support.

Save the files from this gist in a local directory.
Load that directory in Firefox as a temporary extension.
Visit https://example.com and open developer tools.
Click the "Open port" button and note the logged messages.
Click the "Send message" button and note the logged messages.
Wait ~30 seconds. Observe that a "Port disconnected!" message is logged.
Wait another 30 seconds as described in the issue (#36097).
Click "Open port" again.

Result: Could not reproduce the issue. The backgroudn starts up, recieves the connection request, and opens a port as expected.

This gist contains a browser extension that tests browser support for testing how onAuthRequired event handlers handle different resoultion patterns. It created in support of reviewing https://github.com/mdn/webextensions-examples/pull/564.

Test #	extraInfoSpec	Description	Chrome	Firefox
1	`blocking`	Synchronous object response	✅	✅
2	`blocking`	Synchronous Promise response with async resolution	❌	✅
3	`asyncBlocking`	Synchronous object response	❌	❌
4	`asyncBlocking`	Synchronous Promise response with async resolution	❌	❌
5	`asyncBlocking`	Async callback call with object	✅	✅

	class Singleton {
	static #instances = new WeakMap();

	/**
	* @param {Boolean} useSharedThis Specifies whether or not `this` should be the singleton itself.
	* If `true`, the Singleton class' constructor will return the singleton associated with the current
	* prototype being instantiated. As a direct result, instance fields on the inherting class will be
	* re-set on the singleton every time the descendant class is instantiated. This may created
	* unnecessary and avoidable work. The main advantage of selecting `true` is that the sub-class does
	* not have to explicitly return the singleton, since class constructors implicitly return `this`.

	(async () => {

	const stores = await browser.cookies.getAllCookieStores();
	const store = stores.at(1);

	const exp = /(firefox\|mozilla).(org\|com\|auth0.com)/;
	const allCookies = await browser.cookies.getAll({storeId: s.id});
	console.log("All cookies:", allCookies);
	const filteredCookies = allCookies.filter(c => c.domain.match(exp));
	const removeCookies = filteredCookies.map(cookie => {

	globalThis.browser ??= globalThis.chrome;

	let testCounter = 0;
	let corsTest = async (
	{
	client: {
	forcePreflight = false,
	mode = undefined,
	},
	server: {

	let alreadyClicked = false;
	let timer;

	chrome.action.onClicked.addListener(function(tab) {
	let wasClicked = alreadyClicked;
	// Reset state
	if (wasClicked) {
	clearTimeout(timer);
	alreadyClicked = false;

	/**
	* @param {number} srcPixels Number of pixels used when rendering on a standard desktop dispaly. Defaults to 1 pixel
	* @param {number} distance Distance in inches at which the item is rendered. Defaults to 28 inches (distance specified in the CSS spec)
	*
	* https://www.w3.org/TR/css-values-4/#reference-pixel
	*/
	function getProjectedPixel({pixels = 1, distance = 28} = {}) {
	const inToMm = (inch) => inch * 25.4;

	const opposite = distance;

	<!DOCTYPE html>
	<script src="devtools.js"></script>