Playwright - Revision history

TobiasBora: /* Using flake */In fact this was not working.

2026-03-10T17:04:19Z

Using flake: In fact this was not working.

← Older revision		Revision as of 17:04, 10 March 2026
Line 51:		Line 51:
	export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}		export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}
	export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true;		export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true;
	~~export PLAYWRIGHT_NODEJS_PATH=${pkgs.nodejs_latest}/bin/node~~
	~~playwright_chromium_revision="$(${pkgs.jq}/bin/jq --raw-output '.browsers[] \| select(.name == "chromium").revision' ${pkgs.playwright-driver}/browsers.json)"~~
	~~export PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH=${pkgs.playwright-driver.browsers}/chromium-$playwright_chromium_revision/chrome-linux/chrome~~
	~~echo "Using $PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH"~~
	'';		'';
	};		};

TobiasBora: /* Installing browsers for Playwright under NixOS */PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH don't work

2026-03-10T16:55:15Z

Installing browsers for Playwright under NixOS: PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH don't work

← Older revision		Revision as of 16:55, 10 March 2026
Line 14:		Line 14:
	vscode # if you want vscode		vscode # if you want vscode
	nodejs_latest		nodejs_latest
	playwright-driver.browsers		playwright-driver.browsers # !!! Make sure it has the same version as npm's version!!
	];		];

Line 21:		Line 21:
	export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true		export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true
	export PLAYWRIGHT_HOST_PLATFORM_OVERRIDE="ubuntu-24.04" # Seems like it is not needed?		export PLAYWRIGHT_HOST_PLATFORM_OVERRIDE="ubuntu-24.04" # Seems like it is not needed?

	~~# These lines are needed if the npm-installed version of playwright (in package[-lock].json)~~
	~~# does not match the nix version of playwright contained in pkgs.~~
	~~# (by default each playwright version hardcoded a specific version of the browser for extra compatibility)~~
	~~export PLAYWRIGHT_NODEJS_PATH=${pkgs.nodejs_latest}/bin/node~~
	~~playwright_chromium_revision="$(${pkgs.jq}/bin/jq --raw-output '.browsers[] \| select(.name == "chromium").revision' ${pkgs.playwright-driver}/browsers.json)"~~
	~~export PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH=${pkgs.playwright-driver.browsers}/chromium-$playwright_chromium_revision/chrome-linux/chrome~~
	'';		'';
	}		}
	</syntaxHighlight>		</syntaxHighlight>

	{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match ~~unless~~ you ~~define~~ <code>~~PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH~~</code> ~~as shown above to force playwright to use a different browser than the hardcoded version~~. See also [https://discourse.nixos.org/t/running-playwright-tests/25655 this discussion].}}		{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match. See [https://www.nixhub.io/packages/playwright nixhub] to see if there is a version that matches npm in nixpkgs, if not you can also downgrade npm's version via <code>npm install playwright@nixversion</code>. See also [https://discourse.nixos.org/t/running-playwright-tests/25655 this discussion].}}

	== Using flake ==		== Using flake ==

TobiasBora: /* Installing browsers for Playwright under NixOS */add flake

2026-03-10T11:56:22Z

Installing browsers for Playwright under NixOS: add flake

← Older revision		Revision as of 11:56, 10 March 2026
Line 33:		Line 33:

	{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match unless you define <code>PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH</code> as shown above to force playwright to use a different browser than the hardcoded version. See also [https://discourse.nixos.org/t/running-playwright-tests/25655 this discussion].}}		{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match unless you define <code>PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH</code> as shown above to force playwright to use a different browser than the hardcoded version. See also [https://discourse.nixos.org/t/running-playwright-tests/25655 this discussion].}}

			== Using flake ==

			This can easily be adapted within a flake like:

			<syntaxHighlight lang=nix>
			{
			description = "A very basic flake";

			inputs = {
			flake-parts.url = "github:hercules-ci/flake-parts";
			nixpkgs.url = "github:nixos/nixpkgs";
			};

			outputs = { flake-parts, ... } @ inputs: flake-parts.lib.mkFlake { inherit inputs; } {
			perSystem = { config, self', inputs', pkgs, system, ... }: {
			devShells.default = pkgs.mkShell {
			nativeBuildInputs = with pkgs; [
			nodejs_latest
			playwright-driver.browsers
			];

			shellHook = ''
			export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}
			export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true;
			export PLAYWRIGHT_NODEJS_PATH=${pkgs.nodejs_latest}/bin/node
			playwright_chromium_revision="$(${pkgs.jq}/bin/jq --raw-output '.browsers[] \| select(.name == "chromium").revision' ${pkgs.playwright-driver}/browsers.json)"
			export PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH=${pkgs.playwright-driver.browsers}/chromium-$playwright_chromium_revision/chrome-linux/chrome
			echo "Using $PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH"
			'';
			};
			};
			# Declared systems that your flake supports. These will be enumerated in perSystem
			systems = [ "x86_64-linux" "aarch64-linux" "x86_64-darwin" "aarch64-darwin" ];
			};
			}

			</syntaxHighlight>

	== Using Devenv ==		== Using Devenv ==

TobiasBora: add link

2026-03-10T11:51:52Z

add link

← Older revision		Revision as of 11:51, 10 March 2026
Line 32:		Line 32:
	</syntaxHighlight>		</syntaxHighlight>

	{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match unless you define <code>PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH</code>.}}		{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match unless you define <code>PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH</code> as shown above to force playwright to use a different browser than the hardcoded version. See also [https://discourse.nixos.org/t/running-playwright-tests/25655 this discussion].}}

	== Using Devenv ==		== Using Devenv ==

TobiasBora: /* Installing browsers for Playwright under NixOS */Fonctionne si playwright n'a pas la bonne version.

2026-03-10T11:45:19Z

Installing browsers for Playwright under NixOS: Fonctionne si playwright n'a pas la bonne version.

← Older revision		Revision as of 11:45, 10 March 2026
Line 12:		Line 12:
	pkgs.mkShell {		pkgs.mkShell {
	nativeBuildInputs = with pkgs; [		nativeBuildInputs = with pkgs; [
	vscode		vscode # if you want vscode
			nodejs_latest
	playwright-driver.browsers		playwright-driver.browsers
	];		];
Line 19:		Line 20:
	export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}		export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}
	export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true		export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true
	export PLAYWRIGHT_HOST_PLATFORM_OVERRIDE="ubuntu-24.04"		export PLAYWRIGHT_HOST_PLATFORM_OVERRIDE="ubuntu-24.04" # Seems like it is not needed?

			# These lines are needed if the npm-installed version of playwright (in package[-lock].json)
			# does not match the nix version of playwright contained in pkgs.
			# (by default each playwright version hardcoded a specific version of the browser for extra compatibility)
			export PLAYWRIGHT_NODEJS_PATH=${pkgs.nodejs_latest}/bin/node
			playwright_chromium_revision="$(${pkgs.jq}/bin/jq --raw-output '.browsers[] \| select(.name == "chromium").revision' ${pkgs.playwright-driver}/browsers.json)"
			export PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH=${pkgs.playwright-driver.browsers}/chromium-$playwright_chromium_revision/chrome-linux/chrome
	'';		'';
	}		}
	</syntaxHighlight>		</syntaxHighlight>

	{{Note\|The version of Playwright in Nixpkgs and your developer environment must match.}}		{{Note\|The version of Playwright in Nixpkgs and your node developer environment (in <code>package[-lock].json</code>) must match unless you define <code>PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH</code>.}}

	== Using Devenv ==		== Using Devenv ==

Walkquackback: /* Notes */Use gender neutral language, capitalize Playwright

2026-02-26T22:06:20Z

Notes: Use gender neutral language, capitalize Playwright

← Older revision		Revision as of 22:06, 26 February 2026
Line 269:		Line 269:
	</syntaxHighlight>		</syntaxHighlight>

	=== ~~Hints~~ ===		=== Notes ===
	* VSCode ~~plugin playwright currently~~ does not support ~~bun~~. ~~Stick to nodejs for now if you are a GUI guy~~.		* The [https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright Playwright Test for VSCode] extension does not currently support Bun. The Node.js runtime may be used instead.
	* ~~playwright~~ version 1.58 ~~seems to be~~ the first version where the command <code>bun --bun playwright test</code> works		* Playwright version 1.58 is the first version where the command <code>bun --bun playwright test</code> works.
	* see also https://github.com/MBanucu/bun-playwright-nix		* see also https://github.com/MBanucu/bun-playwright-nix

Walkquackback: Increased clarity, added summary of Playwright

2026-02-26T21:19:08Z

Increased clarity, added summary of Playwright

Show changes

Ryuheechul: Add a new way to use playwright with NixOS that employees a container runtime

2025-05-28T05:53:20Z

Add a new way to use playwright with NixOS that employees a container runtime

← Older revision		Revision as of 05:53, 28 May 2025
Line 133:		Line 133:
	</syntaxHighlight>		</syntaxHighlight>

			== Playwright via Docker ==
			https://playwright.dev/docs/docker#remote-connection can be a good option to make use of a container (instead of wrestling with NixOS) to run browsers.<syntaxhighlight lang="nix"># devenv.nix example that simplifies the configuration
			# but it's easy to setup the env var and run the command manually without devenv too

			{
			env.PW_TEST_CONNECT_WS_ENDPOINT = "ws://127.0.0.1:3000/";

			# run it with `devenv processes up` and in another terminal run `npm exec playwright test`
			processes.pw-remote.exec = "docker run -p 3000:3000 --rm --init --workdir /home/pwuser --user pwuser mcr.microsoft.com/playwright:v1.52.0-noble /bin/sh -c 'npx -y playwright@1.52.0 run-server --port 3000 --host 0.0.0.0'";
			}</syntaxhighlight>Will need a slight tweak like below for the IP address due to a small limitation comes with the container use.<syntaxhighlight lang="typescript">
			// example.spec.ts

			import { test, expect } from '@playwright/test';

			test('has title', async ({ page }) => {
			// await page.goto('http://localhost:3333/'); // can't do due to the browsers running within a container but your server is running on the host
			await page.goto('http://host.docker.internal:3333/'); // so do this instead
			// also make sure your server code runs for playwright, too - https://playwright.dev/docs/test-webserver#configuring-a-web-server

			await expect(page).toHaveTitle(/your website/);
			});

			</syntaxhighlight>
	[[Category:Development]]		[[Category:Development]]

Xav-ie: /* devenv.nix */ npm view (aka as show) command by default reaches out to npm. This is not what we want when checking local package version. This ammends the local check to use current package's @playwright/test version, and not npm's latest.

2025-05-22T22:16:41Z

devenv.nix: npm view (aka as show) command by default reaches out to npm. This is not what we want when checking local package version. This ammends the local check to use current package's @playwright/test version, and not npm's latest.

← Older revision		Revision as of 22:16, 22 May 2025
Line 39:		Line 39:
	=== devenv.nix ===		=== devenv.nix ===

	<~~syntaxHighlight~~ lang=nix>		<syntaxhighlight lang="nix">
	{ pkgs, lib, config, inputs, ... }:		{ pkgs, lib, config, inputs, ... }:

Line 70:		Line 70:
	# https://devenv.sh/scripts/		# https://devenv.sh/scripts/
	scripts.intro.exec = ''		scripts.intro.exec = ''
	playwrightNpmVersion="$(npm ~~show~~ @playwright/test ~~version~~)"		playwrightNpmVersion="$(npm view ./. devDependencies'[@playwright/test]')"
	echo "❄️ Playwright nix version: ${pkgs-playwright.playwright.version}"		echo "❄️ Playwright nix version: ${pkgs-playwright.playwright.version}"
	echo "📦 Playwright npm version: $playwrightNpmVersion"		echo "📦 Playwright npm version: $playwrightNpmVersion"
Line 90:		Line 90:
	# See full reference at https://devenv.sh/reference/options/		# See full reference at https://devenv.sh/reference/options/
	}		}
	</~~syntaxHighlight~~>		</syntaxhighlight>

	=== devenv.yaml ===		=== devenv.yaml ===

Pigs: Add category development

2025-05-18T16:59:31Z

Add category development

← Older revision		Revision as of 16:59, 18 May 2025
Line 132:		Line 132:
	}		}
	</syntaxHighlight>		</syntaxHighlight>

			[[Category:Development]]