Consulta sobre resultado del test

[diegomeretta]

Chicos, gracias por la corrección del repo, ahora andan todos bien menos el mío.
Ya miré los videos que pasaron pero no logro entender donde está el error en el test.

test('El modal de agregar película debería abrirse al hacer click en Agregar', async () => {
    await page.reload();
    const agregarBtn = await page.$('.card-header-actions button:nth-child(1)');
    await page.$eval('.card-header-actions button:nth-child(1)', firstCheck => firstCheck.click());
    const visibility = await isVisible('#modal');
    expect(visibility).toBe(true);
})

usé otras funciones como click("button#addMovieBtn") pero el resultado es el mismo

Lo edito para poder ver bien el código.

[RodrigoJacznik]

Cuando ejecutas el test que tira la consola?

[RodrigoJacznik]

Ya lo pude revisar mejor.
El test esta casi bien. Pasale el elemento a isVisible en lugar del selector y funciona.

el reload de la primera linea lo haces por algo en particular?

con respecto a estas lineas:

const agregarBtn = await page.$('.card-header-actions button:nth-child(1)');
await page.$eval('.card-header-actions button:nth-child(1)', firstCheck => firstCheck.click());

fijate que el selector '.card-header-actions button:nth-child(1)' es el mismo en los 2 casos. La primera linea no es necesaria ya que no haces nada con el agregarBtn en todo el test. Esto es un detalle para que el test quede 10 puntos.

Saludos.

[diegomeretta]

Simplemente la recargaba para que no quede basura de otro test anterior

test('El modal de agregar película debería abrirse al hacer click en Agregar', async () => {
    await page.$eval('.card-header-actions button:nth-child(1)', firstCheck => firstCheck.click());
    const visibility = await isVisible('.modal-card');
    expect(visibility).toBe(true);
})

Le estoy pasando el nombre del modal (.modal) ó un boton del modal y no funciona

[RodrigoJacznik]

No debería hacer falta recargar la pagina en cada test. Estos son independientes.

Aclaro esto: "Pasale el elemento a isVisible en lugar del selector y funciona":

elemento: lo que retorna page.$()
selector: selector del elemento que usas en page.$();

Por ejemplo en:

const agregarBtn = await page.$('.card-header-actions button:nth-child(1)');

agregarBtn es el elemento y .card-header-actions button:nth-child(1) el selector.

Resumiendo:

isVisible(agregarBtn) funciona correctamente
isVisible('.card-header-actions button:nth-child(1)') no funciona

Saludos