• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

367
Views
getByTestID no funciona para el componente personalizado

Trabajando en escribir una prueba unitaria para un componente grande. He escrito uno antes para un componente más pequeño, pero este tiene varios otros componentes personalizados anidados en su interior. Estoy tratando de seleccionarlo para poder averiguar qué hacer con él, pero ni siquiera puedo llegar a ese punto en este momento.

Componenteprincipal.tsx

Esto es una parte de lo que está siendo renderizado por el componente. PriceOverrideDateRange es otro componente personalizado, y estoy tratando de orientarlo con testID
 <Counter /> <MainComponentRange testID='range' /> <Counter />

Componente principal.prueba.tsx

Esta es la parte de la prueba en la que estoy trabajando.
 it('should be able to change the ranfe', () =>{ //Mock out dependent function with jest //Nothing here right now... //Render with the props you want const { getByTestId } = render( <MainComponent />

);

 //Locate screen components for test const range = getByTestId('range'); //Perform user actions fireEvent.changeText(range, "01/22/2022"); //Measure against expect cases expect(dateRange).toBe("1/22/2022"); });

Y este es el mensaje de error que estoy recibiendo:

 ● Main Component Test › should be able to change the range Unable to find an element with testID: dateRange 143 | 144 | //Locate screen components for test > 145 | const dateRange = getByTestId('range'); | ^ 146 | 147 |
almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Debe pasar el ID de prueba al componente como accesorios y luego agregarlo a la vista que está usando. Agregaré un ejemplo simple.

 const App = () => { return <PriceOverrideDateRange testID="dateRange" /> }
 const PriceOverrideDateRange = ({testID}) => { return <View testID="dateRange" ><Text>Hello</Text></View> }
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error