Answer

Setting and Verifying Browser Locales in Playwright

You can set different browser locales for testing in Playwright by updating the playwright.config.ts file and adding a project entry with the locale in the 'use' option. Here's how you can set a default locale:

import { defineConfig } from '@playwright/test';

export default defineConfig({
  use: {
    locale: 'en-GB',
  },
});

You can also override this setting for specific projects or tests. For a specific project:

import { defineConfig } from '@playwright/test';

export default defineConfig({
  projects: [
    {
      name: 'chromium',
      use: {
        ...devices['Desktop Chrome'],
        locale: 'de-DE',
      },
    },
  ],
});

For a specific test:

import { test } from '@playwright/test';

test.use({ 
  locale: 'fr-FR'
});

test('example', async ({ page }) => {
  // Test code here
});

To verify the current browser locale during test execution, you can use page.evaluate() and JavaScript's navigator.language property:

import { test, expect } from '@playwright/test';

test('get current locale', async ({ page }) => {
  const currentLocale = await page.evaluate(() => navigator.language);
  expect(currentLocale).toBe('en-GB');
});

This way, you can easily configure different browser locales for testing purposes and retrieve the current browser locale during test execution. Happy testing with Playwright!