やりたいこと
- organismsコンポーネントのテストで渡したpropsがinputタグに表示されているかを確認したい
現状(やってみたパターン1・2)
jest
1describe('props', () => { 2 it('inputNameが渡ってきたとき、その値が表示されているか', () => { 3 // propsを渡して、対象のコンポーネントを取得する (organisms) 4 const wrapper = factory({inputName: {type: String, default: 'いんぷっと'}}); 5 6 // ■■■ここからハマってる■■■対象のコンポーネントの中のinputの値を確認する 7 // パターン1:input要素にdata-test-idを付与して要素を取得しようとトライ 8 expect(wrapper.find(`[data-test-id="test-target"]`).text()).toBe('いんぷっと'); // findの結果がemptyとなりtext関数でエラー 9 10 // パターン2:コンポーネントの中のinput要素を取得してトライ 11 const target = wrapper.find('input') 12 expect(target.text()).toBe('いんぷっと'); // targetがemptyでtext関数でエラーになる 13 }) 14})
結果的に何ができていないか
- 対象のコンポーネントの子要素(孫要素)の取得の仕方がわからないです。ご指摘いただければ助かります。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。