«enzyme» etiketlenmiş sorular

Jasmine Enzyme sığ işleme ile bir React bileşenini test ediyorum. Bu sorunun amaçları doğrultusunda burada basitleştirilmiştir ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponent2 örneği var MyInnerComponentve her birinde sahne donanımını test etmek istiyorum. Nasıl test edileceğini bildiğim …

130 reactjs  jasmine  enzyme 

Bu soruyu göndermeden önce, sqa stackexchange'de arama yapmayı denedim, ancak sığ ve orada render ile ilgili bir gönderi bulamadım, bu yüzden umarım birileri bana burada yardımcı olabilir. Reaksiyon bileşenlerini test ederken ne zaman sığ ve render kullanmalıyım? Airbnb belgelerine dayanarak, ikisinin farkı hakkında bazı fikirler edindim: Sığ, bileşenleri bir birim …

100 testing  meteor  reactjs  chai  enzyme 

<input>Kullanırken değere nasıl erişeceğim konusunda kafam karıştı mount. İşte testim olarak sahip olduğum şey: 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 çıktı undefined. Ancak kodu biraz değiştirirsem, işe yarıyor: it('cancels changes when user …

91 unit-testing  reactjs  enzyme 

Bir düğme tıklamasını simüle etmek çok kolay / standart bir işlem gibi görünüyor. Yine de, Jest.js testlerinde çalışmasını sağlayamıyorum. Bu denediğim şeydi (ve bunu jQuery kullanarak yapıyorum), ancak hiçbir şeyi tetiklemedi import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // …

84 javascript  reactjs  testing  jestjs  enzyme 

Ben daktilo ile tepki yönlendirici v5.1.2 UseHistory kanca kullanıyorum? Birim testi çalıştırırken sorunum var. TypeError: undefined öğesinin 'history' özelliği okunamıyor. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My questions container', () …

17 reactjs  typescript  react-router  jestjs  enzyme 

Material-ui'yeMyStyledButton dayalı özel bir düğme ( ) yazdım . 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