QA » openQA Project » openQA Tests » qe-yam

# Playwright Need To Know

## Installation inside VS code

  - Install the Microsoft playwright extension

  - **Open an empty folder** (otherwise it will write where you are)

  - Ctlr-shift-p "install playwright"

    - Don't select "Install Linux dependencies" (this will invoke `apt-get? that you don't have on openSUSE)

## Modify the default language in VS code for Playwright

When playing around with Playwright inside VS code I noticed that recording a test (running `playwright codegen`) used German for some Labels on the login page. 

The recorded file looked like this:

~~~

  await page.getByLabel('Benutzername').click();

  await page.getByLabel('Benutzername').fill('root');

  await page.getByLabel('Passwort').click();

  await page.getByLabel('Passwort').fill('linux');

  await page.getByRole('button', { name: 'Anmelden' }).click();

~~~

The problem is that *running* the test does this in English. So we will fail because in the english settings "Benutzername" should translate to "User name".

To avoid this mess you need to define a default language for Playwright inside VS code. Open the settings.json and add:

~~~

    "playwright.env": {

        "LANG": "en-EN",

    }

~~~

With those settings the test recording will happen in English and you don't need to translate the locators by hand.