Pertanyaan yang diberi tag «enzyme»

Saya menguji komponen React dengan rendering dangkal Jasmine Enzyme. Disederhanakan di sini untuk tujuan pertanyaan ini ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentmemiliki 2 contoh MyInnerComponentdan saya ingin menguji props pada masing-masing. Yang pertama saya tahu cara …

128 reactjs  jasmine  enzyme 

sebelum memposting pertanyaan ini, saya mencoba mencari di sqa stackexchange tetapi saya tidak menemukan posting tentang dangkal dan membuat di sana, jadi saya harap seseorang dapat membantu saya di sini. Kapan saya harus menggunakan shallow dan render dalam pengujian komponen react? Berdasarkan dokumen airbnb, saya memberikan beberapa pendapat tentang perbedaan …

95 testing  meteor  reactjs  chai  enzyme 

Saya bingung tentang cara mengakses <input>nilai saat menggunakan mount. Inilah yang saya dapatkan sebagai ujian saya: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Konsol mencetak undefined. Tetapi jika saya sedikit memodifikasi kodenya, ini berfungsi: …

90 unit-testing  reactjs  enzyme 

Saya menggunakan hook UseHistory di router reaksi v5.1.2 dengan naskah? Saat menjalankan unit test, saya mendapat masalah. TypeError: Tidak dapat membaca properti 'histori' yang tidak terdefinisi. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } …

18 reactjs  typescript  react-router  jestjs  enzyme 

Saya telah menulis tombol khusus ( MyStyledButton) berdasarkan material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } …

16 javascript  css  reactjs  jestjs  enzyme