Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darvinpatel/playwright-demo-letcode
This project demonstrates automated testing of web applications using Playwright on LetCode. It covers testing scenarios like form handling, button clicks, input fields, and element interactions, showcasing Playwright's capabilities in real-world test cases.
https://github.com/darvinpatel/playwright-demo-letcode
playwright playwright-typescript
Last synced: 19 days ago
JSON representation
This project demonstrates automated testing of web applications using Playwright on LetCode. It covers testing scenarios like form handling, button clicks, input fields, and element interactions, showcasing Playwright's capabilities in real-world test cases.
- Host: GitHub
- URL: https://github.com/darvinpatel/playwright-demo-letcode
- Owner: darvinpatel
- License: mit
- Created: 2024-09-17T06:55:50.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-18T00:41:38.000Z (5 months ago)
- Last Synced: 2024-11-16T18:43:40.500Z (3 months ago)
- Topics: playwright, playwright-typescript
- Language: TypeScript
- Homepage: https://letcode.in/test
- Size: 21.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Practice test automation with 
on Let Code
> **Note**
>
> + **Let Code** is a set of very clean pages along with video tutorials explaining how to automate interactions.
>
## PLaywright features
End to End testing using:
- Playwright https://playwright.dev/
- TypeScript https://www.typescriptlang.org/
This tests are purely for Playwright features practice to automate interactions with:
- Inputs
- Buttons
- Select :white_check_mark:
- Alert :speech_balloon:
- Frame :point_right:
- Radio :radio_button:
- Window
- Elements :game_die:
- Drag&Drop
- Sort
- Multi-select :dizzy:
- Slider
- Table
- Calendar :calendar:
- Waits :clock130:
- Forms :interrobang:
- File :pencil:
- Shadow :ghost:
## Structure
### Folders
- tests :file_folder: This folder contains actual test scripts.
- services :file_folder: This folder containse enums,pages and steps. Page functions are functions that return Locators or Promises<> that we solve later. We use those functions in the Steps class. The Steps class literally contains the steps that we will do in the test files to execute a test case (add a book to the cart, open the cart, confirm that the book is in the cart).
- download :file_folder: This folder contains downloaded files for testing purposes.
- test-data :file_folder: This folder contains files with test data.
### Files
- :page_facing_up: .gitignore: This file helps while using git repository
- :page_facing_up: package.json and package-lock.json: Those files helps to track dependencies, create a shortcut for running tests, etc.
- :page_facing_up: playwright.config.ts: This is the global configuration file for the Playwright
- :page_facing_up: tsconfig.json: This is a config file which helps us avoid some JS syntax errors & use better the TS features.
- :page_facing_up: environments.json:
- :page_facing_up: selectors.json: This is where we store all selectors.
## Useful Commands
### Run all tests in Playwright
```shell
npm run test
```
### Run tests with TAGs
## Tag = @alert
```shell
npm run test-a
```
## Tag = @drop
```shell
npm run test-d
```
## Tag = @input
```shell
npm run test-i
```
## Tag = @select
```shell
npm run test-s
```
## Tag = @radio
```shell
npm run test-r
```
## Tag = @slider
```shell
npm run test-sl
```
## Tag = @table
```shell
npm run test-t
```
## Tag = @file
```shell
npm run test-f
```