TypeScriptのコードをJestでテストする - コピペコードで快適生活
やり方には、ts-jestを使う方法と、babelを使う方法がある。 babelを使うやり方は、https://kinosuke.hatenablog.jp/entry/2020/01/29/115640 と同じアプローチ。preset-envをpreset-typescriptにするだけ。ただし、型チェックはできない。 今回は、型チェックもやってほしいので、ts-jestを使う方法を試してみる。 ライブラリのインストール npm install --save-dev jest ts-jest @types/jest @types/jest jestの型を定義 ts-jest Jest用のTypeScriptプリプロセッサ JestがTypeScriptをトランスパイルできるようになる Jestを設定する # 設定ファイルを作成する npx jest --init ${APP_DIR}/j
スナップショットテストの向き不向きについて考えてみる - mizdra's blog
ふとスナップショットテストってなんだろう、どういう場面で向いていて、どういう場面には向いていないんだろうと考える機会があって色々調べてました。丁寧な記事にしようとしたのですが、上手くまとまらなくて挫折してしまった… とはいえこのまま手元に置き続けておくのも勿体ないので、下書き段階のものを公開して供養します。 スナップショットテストとは スナップショットテストとは、あるプログラムの出力を以前の出力と比較し、両者に差分があるかをテストする手法のことです。予め以前のバージョンのプログラムの出力 (スナップショット) のどこかに保存しておき、新しいバージョンのプログラムの出力と比較し、差分があったら fail させます。これにより、プログラムの出力内容が予期せぬうちに変わってしまっていた場合に気づくことができます。 例: React コンポーネントのテストへの適用 代表的な利用例が Jest を使
Absolute paths (baseUrl) gives error: Cannot find module
I am setting a configuration to run my tests in a create-react-app + typescript app (from which I have ejected). I am using jest + enzyme. In my tsconfig.json I have set baseUrl='./src' so I can use absolute paths when I import modules. For example this is a typical import statement in one of my files: import LayoutFlexBoxItem from 'framework/components/ui/LayoutFlexBoxItem'; You can see that the
jest-puppeteerを使ったテストを試す - Qiita
jest-puppeteerはpuppeteerの設定をするだけでなく、click前に要素の出現を待機するなどインテグレーションテストのために設計されている。 使い方 jest.config.jsにpuppeteerの設定を書く 今回は試すだけなので、jest.config.jsに書くが基本的に他のテストも書くと思うので、--configを使ってjest.config.e2e.jsなどのファイルを用意するといいだろう。
How to setup React-Native with Typescript — The new way!
Since a recent update of Expo, the Typescript integration got a lot easier. Many articles describing how to do it before are outdated now, even documentation is still missing as of right now. In this article I will not only show how to configure typescript but also how to setup other required tools for a proper development environment like: Testing…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to use jest.config.js with create-react-app
Javascript - Jest-puppeteer with typescript configuration
Creating a Minimal Expo React Native Project with TypeScript and Jest