Estoy creando un sitio web y, como parte, se utiliza un inicio de sesión de AWS Cognito. Ahora quería escribir la prueba e2e en TestCafe, pero estoy luchando para que el formulario de inicio de sesión de Cognito funcione con TestCafe.

Cuando no se encuentra ninguna sesión, la página lo redirigirá a la página de "inicio de sesión" de AWS Cognito OAuth adecuada.

El siguiente código de prueba fallará

 import { Selector } from 'testcafe'; const config = {...}; test('Logging in', async t => { await t .typeText(Selector('input#signInFormUsername'), config.credentials.username) .typeText('input#signInFormPassword', config.credentials.password) .click('input[type=submit]'); });

con el error

 The element that matches the specified selector is not visible. ... 21 |}); 22 | 23 |//then create a test and place your code there 24 |test('Logging in', async t => { 25 | await t > 26 | .typeText(Selector('input#signInFormUsername'), config.credentials.username) 27 | .typeText('input#signInFormPassword', config.credentials.password) 28 | .click('input[type=submit]'); 29 |}); 30 |

Y de hecho, cuando ejecuto la prueba

 test('Logging in', async t => { const usernameInputVisible = usernameInputSelector.visible; await t.expect(usernameInputVisible).ok(); });

falla

Lo curioso es que a) en realidad veo el elemento yb) no es ni display: none ni visibility: hidden como se describe aquí debajo de visible.

El elemento existe según TestCafe ya que lo siguiente no falla:

 test('Logging in', async t => { const usernameInputExists = usernameInputSelector.exists; await t.expect(usernameInputExists).ok(); });

¿Que me estoy perdiendo aqui? ¿Cómo hago para que TestCafe funcione con la página de inicio de sesión de AWS Cognito OAuth?

Configuración:

 $ sw_vers ProductName: macOS ProductVersion: 12.2.1 BuildVersion: 21D62 $ node --version v16.14.0 $ testcafe --version 1.18.4

Probé este comportamiento con chrome , firefox y safari .