akshayp7/playwright-typescript-playwright-test

This is a boilerplate/template for a Playwright-Typescript framework for web UI, API, mobile emulation, DB, and visual testing. Docker image, SonarQube, Lighthouse, GitHub Actions setup with Slack notifications are also implemented.

playwright-typescript-playwright-test's Issues

how to use dynamic token in api testing.

Unable to run tests through VS code extension

Is there any way to run tests using vs code playwright test runner extension? As of now it just shows everything as empty and not able to recognise the tests.

unable to run qa env

Debug with codegen

Hi,

Debugging using codegen --debug with the command npx cross-env ENV=qa npm run test:single is not working. Running from Debug console is debugging. How to make codgen work for debugging in this framework?

test.beforeEach not getting called by running npx cross-env ENV=qa npm run test

In below example on running " npx cross-env ENV=qa npm run test" beforeEach /afterEach not getting called. Is there any way ?

import test from "../../lib/BaseTest";

test.beforeEach(async ({ page }) => {
  // Go to the starting url before each test.
  console.log("In BEFORE");
});

test(`Login to PHP travels.`, async ({ loginPage, myAccountPage }) => {
  await loginPage.navigateToURL();
  await loginPage.loginToApplication();
  await myAccountPage.verifyMyAccountHeader();
});

Use official playwright-allure

experimental-allure-playwright is old and not maintained anymore. This is it's successor: https://www.npmjs.com/package/allure-playwright

So we recommend switching.

Test step as a function

Hello Akshayp,
First of all thank you for this amazing template.

I need to implement BDD format this template, For example
Now my test cases like this

test('Create new customer and get api credentials', async ({ newIndividualCustomerPage, signInPage }) => {
await test.step('Onboarding new individual customer', async () => {
indOnboardingID = await newIndividualCustomerPage.newIndCustomer()
await signInPage.gotoWebPortal()
await signInPage.officerLogIn('midoffice')
await midOfficerPage.customerOnboardingKYC(indOnboardingID, 'individual')
await midOfficerPage.createCustomer(indOnboardingID)
await signInPage.logOut()
})
await test.step('First time login and create password', async () => {
await signInPage.gotoWebPortal()
await signInPage.firstTimeLogin(indEmailId, indFirstTimeLoginPass)
await signInPage.passwordSetup()
await signInPage.twoFactorSetup(indEmailId)
await signInPage.logOut()
})
})

The problem is I have to duplicate some functions during create my test cases, but I want to create functions for these test steps and I want to call these steps like this

test('Create new customer and get api credentials', async ({ newIndividualCustomerPage, signInPage }) => {
await functions.OnboardingNewIndividualCustomer
await functions.FirstTimeLoginAndCreatePassword
})

The problem is when I want to create functions.ts file, I cannot call pages functions