PlaywrightTemplateForUIAndAPITesting

This template is mostly generated by chat GPT with RDF template via RAG. 50% coding - Please do following steps to start setup.

1. Install Node.js

1. Download Node.js from the official website.
   • Choose the LTS version (recommended for most users) for stability.
2. Run the installer and follow the on-screen instructions:
   • Accept the license agreement.
   • Choose the default installation path.
   • Ensure the checkbox for "Automatically install necessary tools" is selected. This will set up useful dependencies like Python and Visual Studio Build Tools if required.
3. After installation, verify Node.js and npm (Node Package Manager) are installed by opening a terminal (Command Prompt/PowerShell) and running:

   node -v
   npm -v
   

You should see version numbers for both Node.js and npm.

4. Clone the source on your local machine

5. Open VScode -> open project -> open terminal -> executing the command

   npm install
   

6. Open VScode -> Extensions

   1. Search and install playwright plugin (first installation)
   2. Search and install Prettier - Code formatter (first installation)

2. Usage tutorial for this template

1. Fill up the username and password on each test environment with the created account -> save
2. Let default configs in playwright.config.ts as usual
3. Switch to testing tab -> then select the Project name that contains test file to executed
4. Select any located files in directory tests/e2e/ to execute (you should see the green arrow to execute enable)

3. For advance user - using cli

1. View the executing script defined in package.json
2. To executing on the desired environment -> Open terminal and executing command ex:

    npm run test:e2e:local
    npm run test:api:local

NOTE should not commit files (all defined rule in .gitignore)

• Should not commit the UserCredential to Git (.env, user.json (autogenerated after login))
• Should not commit the result file to git
• Should not commit the node module to git

NOTE for api testing

1. The demo only get and save access token from auth server and store in ACCESSTOKEN variable store on each env file. It base on the USERNAME and PASSWORD values of created account
2. see in TEST_PROJECT/API/tests/features/API_Feature_1/feature_1-api-module.spec.ts

NOTE for executing with tag

1. Open the terminal and using the following command

ENV=local npx playwright test --project=api_testing --grep "@tagA|@tagB"

2. Wait until the execution done will have automatically generated the allure report

NOTE: Please note that if the tag is not set yet or project directory is set wrong within playwright.config.ts -> It will show error as "not test found"