Devinez quoi? Microsoft vient de sortir une nouvelle version de  comme sur des roulettes ! Suivre les corrections de bugs et les modifications de l'API peut ressembler à un travail à temps plein, et manquer des fonctionnalités intéressantes est un jeu d'enfant. Mais ne vous inquiétez pas ; nous sommes là pour vous ! Playwright  Rejoignez-nous pour un voyage à travers les dernières mises à jour de Playwright. Nous sommes là pour vous aider à rester au courant, à découvrir de nouvelles astuces et à épater vos collègues avec vos compétences exceptionnelles ! Prêt à plonger ? Allons-y!  Dernières mises à jour du dramaturge (v1.04)  Si vous souhaitez avoir un aperçu direct des dernières mises à jour de Playwright à travers quelques exemples impressionnants, rendez-vous sur la   et regardez la vidéo mensuelle « Quoi de neuf chez Playwright » : chaîne YouTube de Playwright   https://www.youtube.com/watch?v=mn892dV81_8&embedable=true  Il est temps d'explorer les dernières fonctionnalités introduites dans Playwright et de voir comment en tirer le meilleur parti 🔍  Nouvelles API  Champ   ajouté à l’argument d’objet   de   . Cette méthode lance un navigateur en utilisant le stockage persistant situé dans   et renvoie l'instance de contexte du navigateur.   `est un objet contenant les préférences utilisateur de Firefox telles que spécifiées dans   . FirefoxUserPrefs options browserType.launchPersistentContext(userDataDir, options) userDataDir firefoxUserPrefs about:config  champ   ajouté à l’argument de l’objet   des méthodes   ,   et   .   est une chaîne contenant le message d'erreur signalé par toutes les opérations interrompues à la suite d'un appel   . reason options page.close(options) browserContext.close(options) browser.close(options) reason close()  Alors que   s'adresse spécifiquement aux utilisateurs de Firefox ayant besoin de configurations personnalisées, le champ   est beaucoup plus général. Utilisez-le comme dans l'extrait ci-dessous : firefoxUserPrefs reason   await browser.close({ reason: "Scraping process completed!" })  Toutes les opérations en attente interrompues par   généreront désormais une erreur JavaScript avec le message « Processus de grattage terminé ! » browser.close()  Comment utiliser cette fonctionnalité ? Imaginez que votre page cible soit au milieu d'une tâche critique, par exemple en attendant que certaines données soient récupérées. Soudain, une erreur inattendue apparaît et vous êtes confronté à la nécessité de fermer correctement le navigateur.  Sans   , vous ne sauriez pas si les ressources pour la tâche en cours ont été libérées et pourquoi l'opération a été interrompue. Ne pas savoir ce qui se passe est mauvais, surtout lorsque vous êtes chargé d'inspecter la raison d'une erreur dans les journaux d'un script de web scraping automatisé. C'est là que le champ « raison » vient à votre secours, vous épargnant des journées d'investigation minutieuse. reason  Génial, cette introduction à l'API rend le débogage beaucoup plus facile ! 🚀  Nouvelle fonctionnalité pour l’outil générateur de tests  L'   , conçu pour créer automatiquement des tests lorsque vous effectuez des actions dans un navigateur, propose désormais les boutons suivants : outil Playwright Test Generator    : Vérifiez que l'élément sélectionné est visible en générant une instruction   . Affirmer la visibilité expect(locator).toBeVisible()    : assurez-vous que l'élément HTML sélectionné contient un texte spécifique via une instruction  Assert text expect(locator).toContainText()    : Vérifiez que l’élément select a une valeur particulière en ajoutant une instruction   à votre test. Assert value expect(locator).toHaveValue()    : vous travaillez sur une tâche complexe, telle que   . Supposons que vous deviez vous assurer que certains éléments de la page sont visibles et contiennent du texte ou des valeurs spécifiques. Cela impliquerait une logique complexe 👎. Mais attendez, grâce à cette nouvelle mise à jour, tout se résume à quelques clics dans l’outil Test Generator ! Imaginez ceci la création d'un grattoir Web pour une page Web dynamique  Découvrez cette nouvelle fonctionnalité en action dans le GIF suivant :   Cette interaction avec le générateur de tests produira pour vous le test TypeScript suivant :   import { test, expect } from '@playwright/test'; test('test', async ({ page }) => { await page.goto('https://playwright.dev/'); await expect(page.getByRole('banner')).toContainText('Get started'); });  ✨ Plutôt magique, n'est-ce pas ? ✨  Versions de navigateur mises à jour  Dans la grande tradition des mises à jour majeures de Playwright, la gamme de navigateurs pris en charge a été mise à jour avec des versions plus récentes :  Chrome 120.0.6099.28  Mozilla Firefox 119.0  WebKit 17.4  Mais ce n'est pas tout! La version actuelle de Playwright s'est également révélée excellente par rapport aux chaînes stables suivantes :  Google Chrome 119  MicrosoftEdge 119  Autres changements mineurs  Les méthodes   et   génèrent désormais une erreur lorsque l'opération de téléchargement échoue ou est annulée. download.path() download.createReadStream()  L'image Docker Playwright est désormais fournie avec Node.js v20.  Vous ne voulez manquer aucune nouvelle mise à jour ? Gardez un œil sur la page   de Playwright ! Notes de version  Comment mettre à jour le dramaturge  Maintenant, vous devez vous demander : « Comment puis-je mettre la main sur ces nouveaux ajouts fantastiques ? Eh bien, en mettant à jour Playwright vers la dernière version, mon ami !  Lancez simplement la commande ci-dessous :   npm install @playwright/test@latest  Et oubliez de mettre à jour les instances du navigateur avec :   npx playwright install  Voilà ! Vous êtes prêt à mettre la main sur les dernières mises à jour de Playwright !  Nouveau dramaturge, mêmes vieux problèmes…  Quelle que soit la mise à jour de votre version de Playwright, la plupart des sites seront toujours en mesure de détecter et de bloquer vos scripts automatisés. Mais comment est-ce possible ? Eh bien, les navigateurs sans tête contrôlés par des bibliothèques comme Playwright impliquent des configurations et des paramètres spéciaux qui sont considérés comme des signaux d'alarme par les solutions anti-bot. La conséquence? Blocages immédiats ou apparition indésirable de CAPTCHA et   . autres obstacles embêtants  Maintenant, vous pensez peut-être : « Est-ce que je ne peux pas simplement modifier les paramètres de mon navigateur pour éviter cela ? »  Pas si vite, gamin ! Ce n'est pas une bonne idée pour au moins trois raisons impérieuses :  Il s'agit d'un jeu sans fin du chat et de la souris : les mesures anti-bots évoluent, rendant les solutions de contournement d'aujourd'hui obsolètes d'ici demain.  Même avec les configurations de navigateur les plus sophistiquées, des requêtes excessives provenant de la même adresse IP peuvent toujours vous attirer des regards suspects de la part du site cible.  Les interactions des utilisateurs, telles que les soumissions de formulaires, peuvent nécessiter la résolution de CAPTCHA, ce qui n'est pas une promenade de santé à automatiser !  Le problème ne vient pas de la bibliothèque d'automatisation du navigateur elle-même (Playwright est génial ! 🤘), mais plutôt du navigateur sous contrôle. La solution serait un navigateur hautement personnalisable qui :  Fonctionne en mode dirigé comme un navigateur normal pour éviter la détection des robots.  Peut facilement évoluer vers le cloud pour vous faire gagner du temps et de l'argent dans la gestion de l'infrastructure.  Fournit des adresses IP rotatives soutenues par l'un des réseaux proxy les plus larges et les plus fiables du marché  Peut gérer automatiquement la résolution de CAPTCHA, les empreintes digitales du navigateur, la personnalisation des cookies et des en-têtes, ainsi que les tentatives automatiques pour vous pour une efficacité maximale.  S'intègre aux bibliothèques d'automatisation de navigateur les plus populaires, telles que Playwright, Selenium et Puppeteer  Croyez-le ou non, ce n’est pas un mirage lointain. C'est réel et c'est exactement l'objectif de la solution   ! Scraping Browser de Bright Data  Dernières pensées  Playwright est la rock star des bibliothèques d'automatisation de navigateur et, tout comme le Père Noël offre des cadeaux la veille de Noël, Microsoft publie chaque mois une nouvelle mise à jour majeure. Ici, vous avez vu comment tirer le meilleur parti des dernières mises à jour de Playwright, mais avouons-le, elles ne vous rendront pas comme par magie invisible sur les sites dotés de technologies avancées de détection de robots.  Évitez cette balle avec la solution Scraping Browser de   et rejoignez notre mission : faire d'Internet un lieu public pour tous, partout, même via des scripts automatisés ! Bright Data  En attendant la prochaine fois, continuez à explorer le Web en toute liberté !

This story contains new, firsthand information uncovered by the writer.

Hot off the press! This story contains factual information about a recent event.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

This story will praise and/or roast a product, company, service, game, or anything else people like to review on the Internet.

This is a PR written by or for the company mentioned within it. The writer has a vested interest in the company and products mentioned within.

2022 - HackerNoon Contributor of the Year - Amazon

Request Your Own Data

Nominated for 2022 - HackerNoon Contributor of the Year - Amazon

Cet audio est produit dans la langue originale de l'histoire !

Comment tirer le meilleur parti de Playwright après les dernières mises à jour

About Author

COMMENTAIRES

ÉTIQUETTES

CET ARTICLE A ÉTÉ PARU DANS

Related Stories

Naviguer sur les eaux : développer des applications RAG de qualité production avec des lacs de données

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

Le guide complet pour réussir une migration vers le cloud : stratégies et bonnes pratiques

Guide de l'architecte pour créer une architecture de référence pour un datalake IA/ML

Naviguer sur les eaux : développer des applications RAG de qualité production avec des lacs de données

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

Le guide complet pour réussir une migration vers le cloud : stratégies et bonnes pratiques

Guide de l'architecte pour créer une architecture de référence pour un datalake IA/ML

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps