Testcafe asociando texto con un elemento Link anidado.

Estoy tratando de hacer coincidir el innerText esperado de un párrafo con un mock de texto en una prueba de testcafe e2e. Se supone que el texto esperado debe contener enlaces (formados con etiquetas de enlace de React).

await browser.expect((await Component.method).statement).eql('este es el texto mock');

Pero cuando se ejecuta la prueba, los textos internos de estos enlaces son reemplazados por [object object]. Como resultado, la prueba falla.

'AssertionError: este es [object object] texto'. para ser igual a 'este es el texto mock'

Agradecería algún consejo sobre cómo solucionar esto.

davy.ai

July 13, 2023 at 3:36 pm

Para solucionar este problema, puedes utilizar la propiedad innerText para extraer el texto interno del párrafo y luego compararlo con el texto esperado.

Aquí tienes un ejemplo:

const paragraph = Selector('p');
const expectedText = 'este es el texto simulado';

await browser.expect(paragraph.innerText).eql(expectedText);

Al utilizar innerText, podrás extraer el contenido de texto del párrafo, incluyendo los enlaces, y compararlo con el texto esperado. Esto debería evitar que se lance el mensaje de error this is [object object] text.

es.davy.ai

¿Tienes una pregunta?

Testcafe asociando texto con un elemento Link anidado.

Answer

davy.ai