jest-electron
jestはブラウザではなくJSDOMを使う
その結果canvasとかstorageを扱えない
Canvas [object HTMLCanvasElement] is unable to provide a 2D context. そこでelectronを使う
create-react-appで作ったアプリは設定の前にejectが必要
package.json
diff+ "runner": "jest-electron/runner",
+ "testEnvironment": "jest-electron/environment",
- "testEnvironment": "jest-environment-jsdom-fourteen"これでcanvasの絡んだテストを走らせることができるようになった
$ DEBUG_MODE=1 npm testで、ブラウザを表示してテストを走らせることができる
っていうとアプリの画面が出ることを期待すると思うんだがそうではない…
テストが失敗した時にその画面を見るのはどうするのかな…
$ npm testをした時に色々オプションをつけてもconsole.logの出力が見れなかったのだが、electron上で見ることが想定されているのかも
---
$ npm install --save jest-electronneed eject before config
>Out of the box, Create React App only supports overriding these Jest options:
>These options in your package.json Jest configuration are not currently supported by Create React App:
• verbose
• runner
• testEnvironment
>If you wish to override other Jest options, you need to eject from the default setup. You can do so by running npm run eject but remember that this is a one-way operation. You may also file an issue with Create React App to discuss supporting more options out of the box.
$ npx create-react-app --typescript test-jest-electron$ cd test-jest-electron/$ npm run ejectconfig
package.json
diff+ "runner": "jest-electron/runner",
+ "testEnvironment": "jest-electron/environment",
- "testEnvironment": "jest-environment-jsdom-fourteen":console.error node_modules/jest-environment-jsdom-fourteen/node_modules/jsdom/lib/jsdom/virtual-console.js:29
Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)Keep the electron browser window for debugging, set process env DEBUG_MODE=1.
DEBUG_MODE=1 jest
$ DEBUG_MODE=1 npm testRelated Pages
- →jestメモ×Jestのモックは同一モジュール内の呼び出しに影響を与えない×dom_testing_library×jest×react_testing_library×create_react_app→
- →webui作成作業メモ×create-react-app×reportwebvitals×material-ui×nisbot×チャット_css×flask-cors×jsからflaskを叩いて400_bad_request×flaskをhttpsにする×会話ログ20210120→
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]
(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]