ng testでWSLのWindowsのChromeを使用する

WSLでAngularのテストを実行すると「CHROME_BIN」環境変数でエラーになる。

Angularのプロジェクトフォルダに移動する。

$ cd angular-tour-of-heroes/

ng testコマンドでテストを実行する。

$ ng test

CHROME_BINが設定されてないよ！と怒られる。

Ctrl+Cで一旦テストを終了する。

.profileを編集して環境変数にCHROME_BINを追加する。

$ vi ~/.profile

CHROME_BINにWindowsのChrome.exeを設定する。

export CHROME_BIN='/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe'

再びng testコマンドを実行する。

$ ng test

今度は「データディレクトリの作成に失敗しました」というエラーが表示される。

WindowsにC:\tmpフォルダを作成する。

$ mkdir /mnt/c/tmp

またng testコマンドを実行して今度は成功した。

$ng test

＜参考＞
Karma: use Windows’ Chrome from WSL – Stack Overflow