JestでのjQueryコードのテスト

develop/JavaScript
概要

Jestでの非export関数のテスト | GNU social JP」で紹介した方法で、exportを使用していないレガシーなJavaScriptコードのJestでの試験方法を紹介しました。

これとは別で、jQueryを使用しているコードがあり、この場合のテストに困ったのでJestでのjQueryコードのテスト方法を紹介します。Jest v29.5で確認しました。

まず、jQueryを使うという時点で、WebブラウザーAPIの使用が前提となるため、「JestのWebブラウザーAPIでのテスト環境設定 | GNU social JP」の設定は必須です。

情報源

JestにjQueryのチュートリアルがあったのでこれを参考にしました。

設置

まず何もしていないと、script要素でjqueryを読み込む前提の作りになっているので、npm run testの実行時に以下のようなjQueryオブジェクトの参照でエラーが出ます。

 FAIL  js/misc-functions.test.js
  ● Test suite failed to run

    ReferenceError: jQuery is not defined

      2534 |    · · · · · · · · · · · · · */
      2535 |
    > 2536 | jQuery.fn.outerHTML = function(s) {

これの回避のために、まずテスト環境にjqueryをインストールします。

残り2359文字。続きはSilver/Gold会員限定。

Free=0/Bronze=220/Silver=1100/Gold=1980円。

会員登録 (About Member)

Comments

Ads Blocker Image Powered by Code Help Pro

広告ブロッカー検知/Ads Blocker Detected

このサイトは会費と広告で運営されています。[Bronze=月220円以上に登録] するか、広告ブロッカーを無効にしてください。

This site is operated by membership and advertise. Please [register at least Bronze=220 JPY/month], or disable ads blocker.

Copied title and URL