Skip to content

ralucaoanapopa/learn-ts-jest-playwright

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Setup

  1. Download nodejs + how to install nodejs
  • If it is already installed, check in terminal:
node -v
  1. Create package.json execute in terminal:
npm init -y
  1. Edit package.json, add devDependencies (these won't be installed globally, but only for this project)
"devDependencies": {
    "@types/jest": "^26.0.20",
    "jest": "^26.6.3",   
    "jest-playwright-preset": "^1.4.5",  
    "playwright": "^1.27.0",   
    "typescript": "^4.8.4" ,
    "ts-jest": "^26.5.0"
   }
  1. Install dev dependencies by:
npm i
  1. Configure typescript

Typescript file will be compiled in javascript so need to:

  • create tsconfig.json in order to specify compiler
{
    "compilerOptions": {
        "target": "ES6",
        "strict": true,
        "module": "commonjs",
        "sourceMap": true
    }
}
  1. Configure jest in package.json
"jest": {
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
  "scripts": {
    "test": "jest"
  }
  1. Configure dotenv in order to use environment variables (for secrets)

Decided to use this package because it has 0 dependencies.

npm install dotenv --save

Use dotenv with import

  1. Install jest-cli
npm i -g jest-cli

Run tests

Run all tests

npm test

OR

jest test

jest runs by default all tests in parallel, so in order to run them sequentially:

jest -i

Run one test suite

jest <test_suite>.test.ts

Results

All tests

All tests

Test suite: checkout.test.ts

Test Suite Checkout

Generate code with codegen

See documentation about codegen

npx playwright codegen <url_to_test>

Resources

Tools & frameworks

Free websites for UI testing