Estoy escribiendo unas pruebas en una página de un juego para un par de pruebas automatizadas. Estoy usando puppeteer y typescript. Tengo un problema en la función login()
pues las instrucciones que están definidas, cuando llega al login, aún no están definidas
(node:16244) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'waitFor' of undefined
Este es mi index.ts
import CorePuppeteer from './core/puppeteer.core';
import { Credentials } from './interfaces/interface';
// Parámetros
const url = 'https://lobby.ogame.gameforge.com/es_ES/';
// Aquí se instancia un objeto, y el constructor se encarga de crear lo necesario para empezar a trabar
const core = new CorePuppeteer( url, false );
const credentials: Credentials = {
email: '[email protected]',
password: 'foobar'
};
// Invocación de funciones
( async () => {
// aquí salta el error
await core.login( credentials );
})();
Este es el código de puppeteer.core.ts
import puppet from 'puppeteer';
import { Credentials } from '../interfaces/interface';
export default class CorePuppeteer {
// public browser: puppet.Browser;
// public page: puppet.Page;
public browser: any;
public page: any;
public delay = 100;
constructor( url: string, headless = true ) {
( async () => {
this.browser = await puppet.launch( { headless } );
this.page = await this.browser.newPage();
await this.page.setViewport({ width: 1366, height: 768});
await this.page.goto( url, { waitUntil: 'networkidle2' } );
})();
}
async login( credentials: Credentials ) {
const inputEmail = 'input[name="email"]';
const inputPass = 'input[name="password"]';
const button = 'button[type="submit"]';
await this.page.waitFor( inputEmail );
await this.page.type( inputEmail, credentials.email, { delay: this.delay } );
await this.page.type( inputPass, credentials.password, { delay: this.delay } );
await this.page.click( button );
}
}
¿Qué puedo hacer para esperar a que el constructor termine de setear todas las variables, antes que se invoque la siguiente función login?