Gestion des champs de la boîte de dialogue modale à l'aide de marionnettiste - javascript, tests unitaires, tests automatiques, marionnettiste

J'ai une page Web avec un bouton pour m'inscrire.Une fois que je clique sur l'inscription, la boîte de dialogue modale s'affiche. Je peux cliquer et obtenir la boîte de dialogue, mais je ne peux pas entrer de valeurs dans les champs de saisie de la boîte de dialogue.

const puppeteer = require("puppeteer");
puppeteer.launch({headless: false}).then(async browser => {
const page = await browser.newPage();
await page.goto("https://paytm.com/paytmwallet");

page.waitForSelector("#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button");

const login=await page.$("#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button");
login.click();

await page.type("#input_0","87777799")
});

Réponses:

Vous devez vous assurer que le sélecteur est disponibleavant d'essayer de taper à l'intérieur comme vous l'avez fait pour l'encapsuleur de site, il vous suffit donc d'ajouter la ligne marquée d'astérisques à votre base cade et vous êtes prêt à partir.

const puppeteer = require("puppeteer");
puppeteer.launch({headless: false}).then(async browser => {
const page = await browser.newPage();
await page.goto("https://paytm.com/paytmwallet");

page.waitForSelector("#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button");

const login=await page.$("#site-wrapper > menu-user-screens > div > div > div > div.bigContainer-profile > div > ul > li.last > button");
login.click();

**page.waitForSelector("#input_0", {timeout:30000})

await page.type("#input_0","87777799")
});