Partager via


Utiliser des navigateurs hébergés dans le cloud pour les applications hébergées localement ou en privé avec Microsoft Playwright Testing Preview

Découvrez comment utiliser Microsoft Playwright Testing Preview pour exécuter des tests de bout en bout pour les applications déployées localement. Microsoft Playwright Testing utilise des navigateurs distants hébergés dans le cloud pour exécuter des tests Playwright à grande échelle. Vous pouvez utiliser le service pour exécuter des tests pour les applications sur localhost ou que vous hébergez sur votre infrastructure.

Playwright vous permet d’exposer des réseaux disponibles sur l’ordinateur client aux navigateurs distants. Lorsque vous exposez un réseau, vous pouvez vous connecter à des ressources locales à partir de votre code de test Playwright sans avoir à configurer d’autres paramètres de pare-feu.

Important

Microsoft Playwright Testing est actuellement en préversion. Pour connaître les conditions juridiques qui s’appliquent aux fonctionnalités Azure en version bêta, en préversion ou plus généralement non encore en disponibilité générale, consultez l’Avenant aux conditions d’utilisation des préversions de Microsoft Azure.

Configurer Playwright pour exposer des réseaux locaux

Pour exposer des réseaux locaux et des ressources à des navigateurs distants, vous pouvez utiliser l’option exposeNetwork dans Playwright. En savoir plus sur l’option exposeNetwork dans la documentation de Playwright.

Vous pouvez spécifier un ou plusieurs réseaux à l’aide d’une liste de règles. Par exemple, pour exposer des déploiements de test/intermédiaires et localhost : *.test.internal-domain,*.staging.internal-domain,<loopback>.

Vous pouvez configurer l’option exposeNetwork dans playwright.service.config.ts. L’exemple suivant montre comment exposer le réseau localhost avec la règle <loopback>. Vous pouvez également remplacer localhost par un domaine que vous souhaitez activer pour le service.

import { getServiceConfig, ServiceOS } from "@azure/microsoft-playwright-testing";
import { defineConfig } from "@playwright/test";
import { AzureCliCredential } from "@azure/identity";
import config from "./playwright.config";

export default defineConfig(
  config,
  getServiceConfig(config, {
    exposeNetwork: '<loopback>', // Allow service to access the localhost.
  }),
);

Vous pouvez maintenant référencer localhost dans le code de test Playwright et exécuter les tests sur les navigateurs hébergés dans le cloud avec Microsoft Playwright Testing :

npx playwright test --config=playwright.service.config.ts --workers=20

Vous pouvez configurer l’option ExposeNetwork dans .runsettings. L’exemple suivant montre comment exposer le réseau localhost avec la règle <loopback>. Vous pouvez également remplacer localhost par un domaine que vous souhaitez activer pour le service.

    <TestRunParameters>
        <!--Use this option to connect to local resources from your Playwright test code without having to configure additional firewall-->
        <Parameter name="ExposeNetwork" value="loopback" />
    </TestRunParameters>

Vous pouvez maintenant référencer localhost dans le code de test Playwright et exécuter les tests sur les navigateurs hébergés dans le cloud avec Microsoft Playwright Testing :

dotnet test --settings:.runsettings --logger "microsoft-playwright-testing" -- NUnit.NumberOfTestWorkers=20