Marionnettiste d'attente de chargement de la page après le formulaire de soumission

- Je soumettre un formulaire à l'aide du code suivant et je veux Marionnettiste à attendre le chargement de la page après le formulaire de soumission.

await page.click("button[type=submit]");

//how to wait until the new page loads before taking screenshot?
//i don't want this:
//await page.waitFor(1*1000);  //← unwanted workaround
await page.screenshot({path: 'example.png'});

Comment attendre pour le chargement de la page avec le marionnettiste?

InformationsquelleAutor redochka | 2017-10-26
  1. 35

    Vous pouvez attendre pour la navigation en mode asynchrone pour éviter de se null sur la redirection,

    await Promise.all([
      page.click("button[type=submit]"),
      page.waitForNavigation({ waitUntil: 'networkidle0' }),
]);

    Cela vous aidera si la page.cliquez sur déjà déclenche une navigation.

    InformationsquelleAutor Md. Abu Taher
  2. 27
    await page.waitForNavigation();
    • merci, c'est vraiment utile, u économiser mon temps !:)
    InformationsquelleAutor redochka
  3. 13

    Selon la La Documentation Officielle, vous devez utiliser:

    page.waitForNavigation(options)

    • options <Objet> paramètres de Navigation qui pourraient avoir les propriétés suivantes:
      • timeout <nombre> Maximum de temps de navigation en millisecondes, par défaut à 30 secondes, passer 0 pour désactiver le délai d'attente. La valeur par défaut peut être changé en utilisant les page.setDefaultNavigationTimeout(timeout) méthode.
      • waitUntil <chaîne|Tableau<chaîne>> Lors d'envisager de navigation réussi, par défaut,load. Étant donné un tableau de l'événement chaînes, la navigation est considéré comme un succès après tous les événements ont été licenciés. Les événements peuvent être:
        • load - envisager la navigation terminée lorsque le load événement est déclenché.
        • domcontentloaded - envisager la navigation terminée lorsque le DOMContentLoaded événement est déclenché.
        • networkidle0 - considérer que la navigation se fini quand il n'y a pas plus de 0 connexions réseau pour au moins 500 ms.
        • networkidle2 - considérer que la navigation se fini quand il n'y a pas plus de 2 connexions réseau pour au moins 500 ms.
    • retourne: <Promesse<[?Réponse]>> Promesse qui décide de la principale ressource de réponse. Dans le cas de plusieurs redirections, la navigation résoudre avec la réponse de la dernière redirection. Dans le cas de la navigation à un autre ancre ou à la navigation en raison de l'Historique d'utilisation de l'API, la navigation résoudre avec null.

    Lisibilité:

    Vous pouvez utiliser de la page.waitForNavigation() attendre une page pour naviguer:

    await page.waitForNavigation();

    De Performance:

    Mais depuis page.waitForNavigation() est un raccourci pour page.mainFrame().waitForNavigation(), on peut utiliser les éléments suivants pour un mineur, l'amélioration de la performance:

    await page._frameManager._mainFrame.waitForNavigation();
    InformationsquelleAutor Grant Miller
  4. 0
    await Promise.all([
      page.click(selectors.submit),
      page.waitForNavigation({ waitUntil: 'networkidle0' }),
]);

    Ce serait la première priorité pour l'utiliser comme il attend pour l'ensemble du réseau afin de compléter et suppose qu'il est fait lorsque vous n'avez pas plus de 0 appel du réseau pour 500ms.

    vous pouvez également utiliser 

    await page.waitForNavigation({ waitUntil: 'Load' }}

    ou d'autre, vous pouvez utiliser

    await page.waitForResponse(response => response.ok())

    cette fonction peut également être utilisée dans divers endroits qu'il permet uniquement d'aller plus loin lorsque tous les appels sont un succès qui est quand tout le statut de la réponse est ok je.e (200-299)

    InformationsquelleAutor Denish S.