[Jest] グローバル変数を扱うモジュールの単体テストをしたい | DevelopersIO
こんにちは、CX事業本部 Delivery部の若槻です。 前回のエントリで、再利用したいデータをAWSLambdaのグローバル変数でキャッシュするhandlerコードを紹介しました。 [AWS Lambda] Parameter Storeから取得したパラメータをグローバル変数でキャッシュする | DevelopersIO その後そのhandlerコードの単体テストをJestで作成しようとしたのですが、テスト対象モジュールの外にあるグローバル変数をモックさせたい場合には工夫が必要だったため、方法を書き残しておきます。 グローバル変数をモックしない場合、テストが期待通り動かない 前回のhandlerコードを少し改変した以下のコードのテストを作成してみます。処理内容は同じですが、テストのしやすさためにAWS SDKによるGetParameter処理を別関数に分けています。 import { S
![[Jest] グローバル変数を扱うモジュールの単体テストをしたい | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7554255b6506e52c7e3f400d90fa71d111cdad7/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Fjest_icon.png){kind=icon}
[Jest] throw Matcherで例外処理のテストを実装してみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、JavaScript Testing FrameworkであるJestで、例外処理のテストを実装してみました。 やってみた Jestでは、.toThrow()というMactherが用意されており、これを使用して例外処理の評価を行うことができます。 .toThrow(error?) - Expect · Jest toThrowError()は.toThrow()のエイリアスです。クラス、エラーメッセージ、インスタンスオブジェクトなどを評価対象として指定できます。 example function drinkFlavor(flavor) { if (flavor == 'octopus') { throw new DisgustingFlavorError('yuck, octopus flavor'); } // Do some
[Jest] clearAllMocks()とresetAllMocks()の違いについて確認してみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 JavaScriptのテスティングフレームワークJestでテストをする際に、テスト間のモックをクリアするためにclearAllMocks()をよく使用しています。しかし最近似たようなオブジェクトとしてresetAllMocks()なるものがあることを知りました。 今回は、clearAllMocks()とresetAllMocks()の違いを確認してみました。 clearAllMocks()の動作 まずclearAllMocks()についてです。 clearAllMocks() | The Jest Object · Jest Clears the mock.calls, mock.instances and mock.results properties of all mocks. Equivalent to calling .mockC
AWS Lambda関数上でDayjsを使って現在日時と特定日時の比較をしてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、AWS Lambda関数上でDayjsを使って現在日時と特定日時の比較をしてみました。 Dayjsとは dayjs - npm Dayjsは、日付や時刻の操作を行えるJavaScriptライブラリです。かつて日時操作でよく使われていたMoment.jsと互換性のあるAPIを提供していながら、ライブラリの軽量化が行われています。 そしてDayjsにおける日時の比較は以下のモジュールを使用することにより可能です。 isBefore() isSame() isAfter() isSameOrBefore() isSameOrAfter() isBetween() それぞれの使い方は下記にまとまっています。 Query · Day.js ハンドラーの作成、Jestでのテスト 下記のような{comparison: '{日時}'}というイベン
はじめましょう · Jest
const sum = require('./sum'); test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); });
JestでTypeScriptを高速化する | miyauci.me
JestでTypeScriptを高速化するJestでテストの高速化させる方法を紹介します。トランスフォーマーとしてesbuildやswcを紹介し、TypeScriptで遅くなりがちなトランスパイルを高速化させることで、テストを自体を高速化します。 はじめにesbuild の登場により、フロントエンドの世界は、開発環境により速度を求めるようになりました。vite の隆盛はその最たるものといってもいいでしょう。 esbuild や swc は高速な Go や Rust によって書かれ、更に多くの場合、Typescript の型チェックを省略しています。 tsc の型チェックは、大抵 IDE やワークフローで行われているので、これらを削ぎ落とすことで、純粋なコンパイラとして JavaScript への変換に特化しているということですね。 さて、Typescript コードをテストする際、多くの場
TypeScript の単体テストで Jest 使おう - Qiita
単体テストライブラリーっていっぱいありますね… Most in-demand JavaScript testing tools in 2020 の翻訳 上の記事に上げられてるだけでも沢山あります。 Jest Mocha Storybook Cypress Enzyme Ava Jasmine Puppeteer とりあえず数の暴力に従って Jest をやってみて使い方をまとめてみました。 ひな型作成 以下のコマンドを叩いてプロジェクトのひな型を作ります。
[Node.js][Jest]LocalStackを使ったDynamoDBテストを並列で行う方法 | DevelopersIO
吉川@広島です。 テストでのデータベース単位の捉えかた - 日々常々 こちらの記事がはてなブックマークに上がっており、興味深く拝見していました。 テストに閉じたデータベース ここでのテストはテストメソッドのイメージです。テストインスタンスがクラス単位ならテストクラス単位でもいいんですが、とにかくテストの実行単位ごとに完全に独立したデータベースを使用します。 図はシンプルですが、テストケース数が100ならデータベース数も100になるイメージです。 すべての情報がテストに閉じている、理想の形です。実現できるならこれでいきたい。 荒唐無稽なことを言っているように感じるかもしれませんが、たとえばH2 Database Engineをインメモリでテストごとに名前を変えれば実現できます。 こちらの記述を見て、普段行っているLocalStack上のDynamoDBに対するJest自動テストにおいても活か
![[Node.js][Jest]LocalStackを使ったDynamoDBテストを並列で行う方法 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/57f7997123e4b20e9f384e2b524cfb195f61f6db/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2021%2F01%2Flocalstack-icatch.png)
[Jest] 呼び出す関数をconditionalに変えるコードのテストではclearAllMocks()を使おう | DevelopersIO
こんにちは、CX事業本部の若槻です。 Jestは、Facebookが開発しているJavaScriptのテスティングフレームワークです。 facebook/jest: Delightful JavaScript Testing. 今回は、呼び出す関数をconditionalに変えるコードのJestによるテストでの注意点についてです。 環境 % node --version v12.14.0 % jest --version 26.6.3 モックした関数の呼び出し回数がテスト間でリセットされない 下記のようなmodule_bの関数を呼び出すmodule_aがあります。引数userTypeの値に応じて異なる関数が呼び出されます。 module_a.ts import * as ModuleB from "./module_b"; export type UserType = "manager"
決定版！イマドキの ESLint 設定！ | DevelopersIO
2021 年度版は Zenn に書きましたのでご覧ください。 ESLint 設定を作成する技術 そろそろ書かねばな、と思っていたところに必要としてくださる方がいらっしゃることがわかったので書きました。 eslint, eslint-plugin-prettier, typescript-eslintの組み合わせは僕の中では完全に鉄板になったんだけど、「決定版！イマドキのESLint設定！」みたいなタイトルの煽り記事を書く元気はないんだよな…… — なかざん (@Nkzn) June 1, 2020 2020 年 6 月現在のまとめです。 TL;DR 先にベースの完成形となる設定ファイルをおいておきます。 JSON に比べ YAML のほうが記述量が少なく構造が把握しやすいので YAML で書いています。次の内容をプロジェクトのルートディレクトリーに .eslintrc.yml として保存し
Nuxt.jsでjestとcypressでテストしまくる。with Typescript | Rhyztech blog
Typescript を使って Nuxt.js で開発をしながら、各々のコンポーネントのテストを jest で、e2e テストやインテグレーションテストを cypress で行う方法を紹介します。 jest と cypress の型情報のバッティング部分に罠があるのでその辺りを特に解説します。 サンプルは Github で公開しています。 https://github.com/rhythm191/nuxt-typescript-jest-cypress 準備 npx create-nuxt-app で Typescript・jest を使う Nuxt.js アプリケーションを作成しましょう。 その後、cypress のセットアップをします。 npm i -D cypress @types/cypress eslint-plugin-cypress その後、npx cypress openで
PlaywrightとJest + TypeScriptでE2Eテスト | WP-kyoto
PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 Install 使用するには、Jestのpresetなどと一緒にインストールが必要です。 Create […] Install 使用するには、Jestのpresetなどと一緒にインストールが必要です。 $ yarn add -D jest jest-playwright-preset playwright ts-jest Create files Jestの設定と、Playwrightの設定ファイル、そしてテストコードを書くファイルを用意します。 $ mkdir e2e $ touch e2e/jest-playwright.config.js e2e/jest.config.js index.e2e.ts e2e/jest-playwright.confg.js playw
Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita
はじめに みなさん、日頃JavaScriptのテストはどのように行っていますか？ 昨今ではAngularJSやReactJSを始め、JavaScriptのフレームワークやライブラリを使用してのフロントエンドの開発が当たり前のようになってきております。 ではそのフロントエンド、JavaScriptのテストはどんなツールを使っていますか？ mochaやpower-assert、chai、Karma、Jasmine等を組み合わせて使用してテストしているでしょうか。 前置きが少し長くなりましたが、Facebookが開発したオールインワンな「Jest」というツールのReactでのHowto的な使い方から実際のテストでの使用例を交えて紹介したいと思います。 ちなみにこのJest、最近リリースされて話題になったパッケージ管理のYarnでも使われています。 対象バージョン Jest:22.0.4 Reac
Jestで始める！ ユニットテスト | 第1回 環境の準備とテストの実行
Jestで始める！ ユニットテスト 第1回 環境の準備とテストの実行 JavaScriptのユニットテストのためのツール、Jestの特徴や基本的な使い方を解説します。「そろそろテストを書く習慣を付けたい」、そう思う人のための始めの一歩です。 Jestとは Jestは、Facebook社がOSSとして開発を進めている、JavaScriptのユニットテストのためのツールです。 Jest · 🃏 Delightful JavaScript Testing 日本語のドキュメント Jestは日本語のドキュメントもあります。日本語で基本的な部分を知るのに役立ちますが、情報が追いついていない場合もありますので、最新情報は英語ドキュメントを参照するようにしてください。 公式ページで「Zero configuration testing platform」と謳っているように、あれこれ設定をすることなく、他
JestとPuppeteerでお手軽(Visual)レグレッションテスト - Qiita
はじめに 初期のスタートアップでのリリース前の最低限のテストとしてJestとPuppeteerを使ってVisualレグレッションテストと挙動のレグレッションテストを作りました。備忘も兼ねてまとめてみます。 今回使うツール 主に使うものは以下の2点です。PuppeteerとJest自体の説明は割愛します。 jest-puppeteer 2018年3月にリリースされたJestとPuppeteerを連携するためのツールです。 https://github.com/smooth-code/jest-puppeteer/ Jestのテスト内でPuppeteerのpageオブジェクトが使えるようになります。またいくつかのmatcherが追加されます。 例 // フォームを埋める。対象のフォーム及びフィールドが見つからない場合はテストが失敗する await expect(page).toFillForm
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wordpress-develop/tests/visual-regression/README.md at trunk · WordPress/wordpress-develop