React Jest、Enzymeは受信した部分を削除または非表示にします

WebArtisan

私はReactビルドのテストを調査しており、一般的にはすべて期待どおりに機能します。テストの「受信済み」情報部分について質問があります。

本当に全体の情報が必要ですか?冗長に見えるからです。

たとえば、DOM要素の簡単なチェックを行い、1と2を取得することを期待しています。この部分には満足していますが、これらのスパゲッティをすべて非表示にするにはどうすればよいですか。

ここに画像の説明を入力してください

package.jsonのJest部分:

"jest": {
    "setupTestFrameworkScriptFile": "./node_modules/jest-enzyme/lib/index.js",
    "unmockedModulePathPatterns": [
      "react",
      "enzyme",
      "jest-enzyme"
    ]
  },
Shubham Khatri

あなたができることがいくつかあります、

  1. 検索要素が次のように終了するかどうかを確認します

    expect(wrapper.find(".testing-purposes").exists()).toBe(true);
    
  2. 次のような戻り要素の長さを確認してください

     expect(wrapper.find(".testing-purposes").length).toBe(2);
    

ドキュメントによると

.toHaveLengthオブジェクトに.lengthプロパティがあり、特定の数値に設定されていることを確認するために使用ます。

これは、配列または文字列のサイズを確認する場合に特に便利です。

あなたには当てはまらないようです

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

React js-divを表示または非表示にする

分類Dev

Reactで要素を表示または非表示にする

分類Dev

reactで特定の要素を表示または非表示にする

分類Dev

React Native:E不明:ReactNative:最後のジェスチャーからUPまたはCANCELを受信する前にDOWNタッチを取得しました

分類Dev

React Native:E不明:ReactNative:最後のジェスチャーからUPまたはCANCELを受信する前にDOWNタッチを取得しました

分類Dev

最初はreact-bootstrapアラートを非表示にします

分類Dev

応答を受信した後、JS動的メタタグをREACTします

分類Dev

Reactルーターのreduxは、ルーターが状態を受信したときに1つの履歴ステップを遅らせます

分類Dev

受信したdraftjsのeditorstateをバックエンドからreact-componentに表示するにはどうすればよいですか?

分類Dev

REACT.NATIVE__NPM_UnhandledPromiseRejectionWarning:RangeError [ERR_SOCKET_BAD_PORT] options.portは> = 0かつ<65536である必要があります。65536を受信しました

分類Dev

Reactを使用してJSONで受信したHTMLを表示する方法

分類Dev

React-フックを使用して、onChangeイベントに基づいてコンポーネントを表示または非表示にする方法

分類Dev

ReactのJest / Enzymeの関数をグローバルにモックします

分類Dev

react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました

分類Dev

React.jsでコンポーネントを表示/非表示にするための好ましい方法は何ですか?

分類Dev

Jestはreact-nativeで予期しないトークンに遭遇しました

分類Dev

gh-pagesを使用してReactアプリをデプロイしようとしましたが、次のエラーメッセージが表示されました:「file」引数は文字列型である必要があります。未定義の受信タイプ

分類Dev

React Native TextInput setState()はキーボードを非表示にします

分類Dev

受信した同期配列のすべてのプロパティがReact-Reduxに設定されるまで待つ方法は?

分類Dev

React.jsテーブル:行の削除ボタンは、誤った行を視覚的に削除します

分類Dev

react-nativeを使用したAndroidWebViewは白い画面を表示します

分類Dev

JavaScript、React、Angular、Vue、またはASP.NET MVCを使用して剣道UIグリッド列を非表示にする方法

分類Dev

React Native BottomTabNavigatorは空白を削除します

分類Dev

react-sparklinesはstartSpotを削除します

分類Dev

react-leafletを使用してレイヤーを追加または削除する方法

分類Dev

react-tableのshowプロパティを動的に設定しても、列が表示または非表示になりません。

分類Dev

JestとEnzymeを使用したreact-routerv4のテスト

分類Dev

JestとEnzymeを使用したReactルーターのテスト

分類Dev

Reactを使用したjest、enzymeの値のセットからのテキストを含むことを期待します

Related 関連記事

  1. 1

    React js-divを表示または非表示にする

  2. 2

    Reactで要素を表示または非表示にする

  3. 3

    reactで特定の要素を表示または非表示にする

  4. 4

    React Native:E不明:ReactNative:最後のジェスチャーからUPまたはCANCELを受信する前にDOWNタッチを取得しました

  5. 5

    React Native:E不明:ReactNative:最後のジェスチャーからUPまたはCANCELを受信する前にDOWNタッチを取得しました

  6. 6

    最初はreact-bootstrapアラートを非表示にします

  7. 7

    応答を受信した後、JS動的メタタグをREACTします

  8. 8

    Reactルーターのreduxは、ルーターが状態を受信したときに1つの履歴ステップを遅らせます

  9. 9

    受信したdraftjsのeditorstateをバックエンドからreact-componentに表示するにはどうすればよいですか?

  10. 10

    REACT.NATIVE__NPM_UnhandledPromiseRejectionWarning:RangeError [ERR_SOCKET_BAD_PORT] options.portは> = 0かつ<65536である必要があります。65536を受信しました

  11. 11

    Reactを使用してJSONで受信したHTMLを表示する方法

  12. 12

    React-フックを使用して、onChangeイベントに基づいてコンポーネントを表示または非表示にする方法

  13. 13

    ReactのJest / Enzymeの関数をグローバルにモックします

  14. 14

    react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました

  15. 15

    React.jsでコンポーネントを表示/非表示にするための好ましい方法は何ですか?

  16. 16

    Jestはreact-nativeで予期しないトークンに遭遇しました

  17. 17

    gh-pagesを使用してReactアプリをデプロイしようとしましたが、次のエラーメッセージが表示されました:「file」引数は文字列型である必要があります。未定義の受信タイプ

  18. 18

    React Native TextInput setState()はキーボードを非表示にします

  19. 19

    受信した同期配列のすべてのプロパティがReact-Reduxに設定されるまで待つ方法は?

  20. 20

    React.jsテーブル:行の削除ボタンは、誤った行を視覚的に削除します

  21. 21

    react-nativeを使用したAndroidWebViewは白い画面を表示します

  22. 22

    JavaScript、React、Angular、Vue、またはASP.NET MVCを使用して剣道UIグリッド列を非表示にする方法

  23. 23

    React Native BottomTabNavigatorは空白を削除します

  24. 24

    react-sparklinesはstartSpotを削除します

  25. 25

    react-leafletを使用してレイヤーを追加または削除する方法

  26. 26

    react-tableのshowプロパティを動的に設定しても、列が表示または非表示になりません。

  27. 27

    JestとEnzymeを使用したreact-routerv4のテスト

  28. 28

    JestとEnzymeを使用したReactルーターのテスト

  29. 29

    Reactを使用したjest、enzymeの値のセットからのテキストを含むことを期待します

ホットタグ

アーカイブ