Playwright 작업 영역을 사용하여 로컬로 배포되거나 비공개로 호스트된 앱에 클라우드 호스팅 브라우저 사용

exposeNetwork에서 playwright.service.config.ts 옵션을 구성할 수 있습니다. 다음 예제에서는 규칙을 사용하여 localhost 네트워크를 노출 <loopback> 하는 방법을 보여줍니다. 서비스에 대해 사용하도록 설정하려는 도메인으로 바꿀 localhost 수도 있습니다.

import { createAzurePlaywrightConfig, ServiceOS } from "@azure/playwright";
import { defineConfig } from "@playwright/test";
import { DefaultAzureCredential } from "@azure/identity";
import config from "./playwright.config";

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

이제 Playwright 테스트 코드에서 참조 태그 localhost 및 Playwright 작업 영역을 사용하여 클라우드 호스팅 브라우저에서 테스트를 실행할 수 있습니다.

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

설치 파일에서 ExposeNetwork 옵션을 구성할 수 있습니다. 다음 예제에서는 규칙을 사용하여 localhost 네트워크를 노출 <loopback> 하는 방법을 보여줍니다. 서비스에 대해 사용하도록 설정하려는 도메인으로 바꿀 localhost 수도 있습니다.

using Azure.Developer.Playwright.NUnit;
using Azure.Developer.Playwright;
using Azure.Identity;
using System.Runtime.InteropServices;
using System;

namespace PlaywrightService.SampleTests; // Remember to change this as per your project namespace

[SetUpFixture]
public class PlaywrightServiceNUnitSetup : PlaywrightServiceBrowserNUnit
{
    public PlaywrightServiceNUnitSetup() : base(
        credential: new DefaultAzureCredential(),
        options: new PlaywrightServiceBrowserClientOptions()
        {
            ExposeNetwork = "<loopback>"
        }
    )
    {
        // no-op
    }
}

이제 Playwright 테스트 코드에서 참조 태그 localhost 및 Playwright 작업 영역을 사용하여 클라우드 호스팅 브라우저에서 테스트를 실행할 수 있습니다.

dotnet test -- NUnit.NumberOfTestWorkers=20