0
252
Views¿Cómo escribir una prueba para verificar si el valor del campo de entrada se ha establecido en Jest para una aplicación React?
Creé un formulario de inicio de sesión y estoy usando Jest para probarlo. Tengo problemas para usar simular con cambio para verificar si el valor se ha establecido o no. El código se ha proporcionado como referencia.
Login.js (El campo de entrada para el nombre de usuario)
<Form onSubmit={handleSubmit}> <Form.Group className="form-elements" controlId="nameForm"> <Form.Label className="form-label">Username:</Form.Label> <Form.Control className="form-control" type="text" name="username" value={name} required placeholder="Enter name" onChange={(e)=>setName(e.target.value)}/> </Form.Group>Login.test.js - Caso de prueba para verificar el nombre de usuario
describe('Test case for testing login',() =>{ let wrapper; test('username check',()=> { wrapper = shallow(<Login/>); const ele = wrapper.find("FormControl[type='text']") ele.simulate("change", {target: { name:'username',value: 'UserFirst'}}); console.log(...ele); expect(ele).toHaveProperty('value', 'UserFirst') }) })El resultado de console.log(...ele) es:
¿Cuál podría ser la solución para esto?
·
Juan Pablo Isaza
Answer question