Configuratiegids

In dit artikel wordt de Playwright-configuratie beschreven die wordt gebruikt door de voorbeeldtests en wordt uitgelegd hoe u deze kunt aanpassen voor uw eigen omgeving.

playwright.config.ts

Het configuratiebestand bevindt zich op packages/e2e-tests/playwright.config.ts:

import { defineConfig, devices } from '@playwright/test';
import path from 'path';
import { getStorageStatePath } from 'power-platform-playwright-toolkit';
import dotenv from 'dotenv';

dotenv.config();

const storageStatePath = getStorageStatePath(process.env.MS_AUTH_EMAIL!);
const mdaStorageStatePath = path.join(
  path.dirname(storageStatePath),
  `state-mda-${process.env.MS_AUTH_EMAIL}.json`
);

export default defineConfig({
  testDir: './tests',
  fullyParallel: false,         // Power Platform tests share a single org; run serially
  forbidOnly: !!process.env.CI,
  retries: process.env.CI ? 1 : 0,
  workers: 1,                   // Single worker prevents auth conflicts
  reporter: [
    ['html', { outputFolder: 'playwright-report' }],
    ['junit', { outputFile: 'test-results/results.xml' }],
  ],
  use: {
    baseURL: process.env.CANVAS_APP_URL,
    trace: 'on-first-retry',
    screenshot: 'only-on-failure',
    video: 'retain-on-failure',
  },
  projects: [
    {
      name: 'canvas',
      use: {
        ...devices['Desktop Chrome'],
        storageState: storageStatePath,
      },
      testMatch: '**/canvas/**/*.test.ts',
    },
    {
      name: 'mda',
      use: {
        ...devices['Desktop Chrome'],
        storageState: mdaStorageStatePath,
      },
      testMatch: '**/mda/**/*.test.ts',
    },
  ],
  globalSetup: './globals/global-setup',
  globalTeardown: './globals/global-teardown',
});

Opties voor sleutelconfiguratie

In de volgende secties worden de belangrijkste instellingen in het configuratiebestand uitgelegd en wanneer deze moeten worden gewijzigd.

fullyParallel en workers

Power Platform-tests delen één Dataverse-omgeving. Als u tests parallel uitvoert, worden er gegevensconflicten gemaakt, zoals twee tests die dezelfde record verwijderen. Stel beide opties in om de uitvoering te serialiseren:

fullyParallel: false,
workers: 1,

Opmerking

Als u meerdere omgevingen hebt, kunt u elk project uitbreiden workers en isoleren naar een andere omgeving met behulp van afzonderlijke .env bestanden of variabelen op omgevingsniveau.

retries

Nieuwe pogingen kunnen flakiness in CI maskeren. Gebruik retries: 1 in CI om tijdelijke netwerkproblemen af te handelen. Stel retries: 0 lokaal in om direct feedback te krijgen:

retries: process.env.CI ? 1 : 0,

trace, , screenshotvideo

Leg diagnostische gegevens alleen vast bij fouten bij het besparen van schijfruimte:

trace: 'on-first-retry',
screenshot: 'only-on-failure',
video: 'retain-on-failure',

In CI worden artefacten geüpload na de testuitvoering. Zie CI/CD-integratie.

projects

Gebruik Playwright-projecten om canvas- en modelgestuurde testsuites te scheiden. Elk project kan een andere opslagstatus gebruiken:

projects: [
  {
    name: 'canvas',
    use: { storageState: storageStatePath },
    testMatch: '**/canvas/**/*.test.ts',
  },
  {
    name: 'mda',
    use: { storageState: mdaStorageStatePath },
    testMatch: '**/mda/**/*.test.ts',
  },
],

Eén project uitvoeren:

npx playwright test --project=canvas
npx playwright test --project=mda

globalSetup

Het globale installatiescript wordt eenmaal uitgevoerd vóór alle tests. De verificatiestatus wordt gevalideerd en voert headless verificatie uit als de opslagstatus is verlopen of ontbreekt:

// global-setup.ts
import { validateAndRefreshAuthState } from './utils/validate-auth-state';

export default async function globalSetup() {
  await validateAndRefreshAuthState();
}

De validatiecontroles:

  • Opslagstatusbestand bestaat
  • MSAL-toegangstoken is niet verlopen (canvas/Gen UX-tests)
  • CRM-sessiecookies zijn aanwezig en geldig (MDA-tests)

tsconfig.json

Het tsconfig.json bestand bepaalt de TypeScript-compilatie-instellingen voor het testpakket:

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "outDir": "dist",
    "rootDir": "."
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules", "dist"]
}

.env-bestand

Het .env bestand op packages/e2e-tests/.env stelt omgevingsvariabelen in voor lokale uitvoeringen. Zie Omgevingsvariabelen voor het volledige overzicht.

MS_AUTH_EMAIL=testuser@contoso.com
MS_AUTH_CREDENTIAL_TYPE=password
MS_USER_PASSWORD=<your-password>

CANVAS_APP_URL=https://apps.powerapps.com/play/<app-id>?tenantId=<tenant-id>
MODEL_DRIVEN_APP_URL=https://<org>.crm.dynamics.com/main.aspx?appid=<app-id>
CUSTOM_PAGE_NAME=AccountsCustomPage

package.json Scripts

De volgende npm-scripts zijn beschikbaar packages/e2e-tests/package.json voor verificatie en testuitvoering:

Script Command Beschrijving
auth:headful ts-node auth/auth-maker-portal.ts Interactieve verificatie voor Power Apps (canvastests)
auth:mda:headful ts-node auth/auth-mda.ts Interactieve verificatie voor modelgestuurde apps
auth ts-node auth/auth-maker-portal.ts --headless Headless auth (CI)
auth:mda ts-node auth/auth-mda.ts --headless Verificatie van headless modelgestuurde apps (CI)
test playwright test Alle tests uitvoeren
test:ui playwright test --ui Uitvoeren met playwright-gebruikersinterface
test:debug playwright test --debug Uitvoeren met foutopsporingscontrole

Volgende stappen

Zie ook