### Author:  [@ml21](https://discourse.nixos.org/u/ml21)
#### Post date: [February 5, 2024, 5:28pm UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/13 "2024-02-05T17:28:20Z")
Thank you @jackdbd, your explanation very usefull for me.
For dotnet developers (like me), it is very convenient to use env variables instead of editing code:
```auto
❯ echo $PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH
/nix/store/g04zli5glz02jiknj701rb75wcc7xvcv-playwright-browsers-chromium/chromium-1091/chrome-linux/chrome
❯ dotnet test -- Playwright.LaunchOptions.ExecutablePath=$PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH
```
Simple flake.nix with dev env:
```auto
# run with
# nix develop .
{
description = "dev env";
inputs = {
nixpkgs.url = "github:nixos/nixpkgs/nixpkgs-unstable";
};
outputs = { self, nixpkgs }: let
system = "x86_64-linux";
pkgs = import nixpkgs { inherit system; };
in {
devShells.${system}.default = pkgs.mkShell {
packages = with pkgs; [
nodejs
dotnet-sdk_8
playwright-driver.browsers
];
PLAYWRIGHT_NODEJS_PATH = "${pkgs.nodejs}/bin/node";
PLAYWRIGHT_LAUNCH_OPTIONS_EXECUTABLE_PATH = "${pkgs.playwright-driver.browsers}/chromium-1091/chrome-linux/chrome";
shellHook = ''
echo "dev env started"
fish && echo "exit dev env" && exit
'';
};
};
}
```
---
### Author:  [@Oudwins](https://discourse.nixos.org/u/Oudwins)
#### Post date: [March 11, 2024, 4:10pm UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/14 "2024-03-11T16:10:26Z")
> [@pbek](#):
>
> ```auto
> { pkgs ? import {} }:
> pkgs.mkShell {
> # nativeBuildInputs is usually what you want -- tools you need to run
> nativeBuildInputs = with pkgs; [
> playwright-driver.browsers
> ];
>
> shellHook = ''
> export PLAYWRIGHT_BROWSERS_PATH=${pkgs.playwright-driver.browsers}
> export PLAYWRIGHT_SKIP_VALIDATE_HOST_REQUIREMENTS=true
> '';
> }
>
> ```
After trying @pbek 's suggestion when I run `npx playwright test` I still get the following error:
Error: browserType.launch: Executable doesn’t exist at /nix/store/ahbg8nyn876ly0hpynidi987mhibqdnk-playwright-browsers-chromium/chromium-1105/chrome-linux/chrome
I get the same error even if I add on to the path as @jackdbd and ml21 suggested.
Is it currently working for anyone? Am I doing something wrong? Or is this just not working any more?
---
### Author:  [@pbek](https://discourse.nixos.org/u/pbek)
#### Post date: [March 11, 2024, 6:34pm UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/15 "2024-03-11T18:34:29Z")
It’s important that your nix playwright and the playwright via NPM in your project are on the same version, otherwise the NPM playwright will try to access different browser versions. 😅
---
### Author:  [@feliciousx](https://discourse.nixos.org/u/feliciousx)
#### Post date: [March 11, 2024, 11:32pm UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/16 "2024-03-11T23:32:52Z")
i have a not-so-ideal setup that works
```auto
{
inputs = {
nixpkgs.url = "github:NixOS/nixpkgs/release-23.11";
flake-utils.url = "github:numtide/flake-utils";
flake-compat = {
url = "github:edolstra/flake-compat";
flake = false;
};
};
outputs = { self, nixpkgs, flake-utils, flake-compat }:
flake-utils.lib.eachDefaultSystem (system:
let
pkgs = import nixpkgs {
inherit system;
};
in {
devShells.default = pkgs.mkShell {
nativeBuildInputs = [pkgs.bashInteractive];
packages = pkgs.lib.attrVals [
"nodejs_20"
"playwright-test"
] pkgs;
PLAYWRIGHT_BROWSERS_PATH="${pkgs.playwright-driver.browsers}";
};
});
}
```
then now i run `playwright test` directly on the cli instead of using `npx`
the only downside is that if `@playwright/test` in your `package.json` dependency, it will conflict
so I temporarily delete the `node_modules/@playwright/test` folder and playwright runs fine
the other caveat is the version mismatch between your `package.json`’s playwright vs what’s in nix
it’s ugly i know D:
---
### Author:  [@pbek](https://discourse.nixos.org/u/pbek)
#### Post date: [March 12, 2024, 6:13am UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/17 "2024-03-12T06:13:55Z")
You can also pin the playwright version in the package.json lock file, but that’s ugly too, because everyone then needs to use your playwright version 😅
---
### Author:  [@Oudwins](https://discourse.nixos.org/u/Oudwins)
#### Post date: [March 12, 2024, 9:12am UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/18 "2024-03-12T09:12:14Z")
Omg… I figured it out, thank you. I am a dummy…
For those lost souls like me. Here is how you do that:
1. Check the version of playwright.drivers you are downloading (You can do so via de nixpkgs site)
2. Pin that same version on the package manager you are using to install playwright
For npm
```json
"@playwright/test": "1.38.0",
```
For dotnet
```xml
```
etc
Done, it should be working now!
---
### Author:  [@freelock](https://discourse.nixos.org/u/freelock)
#### Post date: [March 14, 2024, 11:56pm UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/19 "2024-03-14T23:56:08Z")
This was a huge help! Finally got it working for a node app I’ve been fighting for a day.
I like the switch into fish here, that’s my preferred shell, and this worked fine with `nix develop`. But when I tried adding it with direnv to automatically load, it gets into a recursive loop, keeps respawning until I remove the .envrc file (somewhere else, because I can’t seem to interrupt this loop!)
What would need to change to make this work with direnv?
---
### Author:  [@freelock](https://discourse.nixos.org/u/freelock)
#### Post date: [March 15, 2024, 12:01am UTC](https://discourse.nixos.org/t/running-playwright-tests/25655/20 "2024-03-15T00:01:32Z")
My working flake.nix:
```auto
{
description = "dev env";
inputs = {
nixpkgs.url = "github:nixos/nixpkgs/nixpkgs-unstable";
};
outputs = { self, nixpkgs }: let
system = "x86_64-linux";
pkgs = import nixpkgs { inherit system; };
in {
devShells.${system}.default = pkgs.mkShell {
packages = with pkgs; [
nodejs
playwright-driver.browsers
];
PLAYWRIGHT_NODEJS_PATH = "${pkgs.nodejs}/bin/node";
PLAYWRIGHT_BROWSERS_PATH = "${pkgs.playwright-driver.browsers}";
PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD = 1;
shellHook = ''
echo "dev env started"
fish && echo "exit dev env" && exit
'';
};
};
}
```
… with those extra environment flags, I was able to `npm install playwright-core@1.40.0 playwright-chromium@1.40.0` and then my node scripts started working!
Arrived here after my laptop was compiling Chromium all night, and was showing ~36000/55000 compiled late this morning when I finally killed it and found this thread… (I had tried forking nixpkgs and running the Playwright upgrade script to get to 1.43.2).
[Next page](https://discourse.nixos.org/t/running-playwright-tests/25655.md?page=2)