https://github.com/stefruseva88/playwright-intro

Testing simple JS app that lets the user add tasks, mark them as completed, delete them, and filter them according to their status.
https://github.com/stefruseva88/playwright-intro

javascript playwright ui-testing

Last synced: 23 days ago
JSON representation

Testing simple JS app that lets the user add tasks, mark them as completed, delete them, and filter them according to their status.

• Host: GitHub
• URL: https://github.com/stefruseva88/playwright-intro
• Owner: StefRuseva88
• License: mit
• Created: 2024-08-02T14:47:12.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-08T16:08:38.000Z (about 2 months ago)
• Last Synced: 2024-10-14T03:21:27.930Z (23 days ago)
• Topics: javascript, playwright, ui-testing
• Language: JavaScript
• Homepage:
• Size: 54.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Playwright Intro

[![JavaScript](https://img.shields.io/badge/Made%20with-JavaScript-F7DF1E.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![Chromium](https://img.shields.io/badge/tested%20on-Chromium-4285F4.svg)](https://www.chromium.org/)

[![Playwright](https://img.shields.io/badge/tested%20with-Playwright-6E40C9.svg)](https://playwright.dev/)

### This is a test project for Front-End Test Automation July 2024 Course @ SoftUni

---

## Project Overview

This project involves testing a basic JavaScript application that allows users to add tasks, mark them as done, delete them, and filter them based on their status.

## Steps

### 1. Install Dependencies

1. Open the application directory using Visual Studio Code and access a terminal.

2. Install the required dependencies by executing the following commands:

   

    ```bash

    npm install

    npx playwright install

    ```

### 2. Launching the Server

1. The above commands will install Playwright and http-server.

2. Start the server using the command:

   

    ```bash

    npm start

    ```

### 3. Creating Tests

1. Inside the project directory, create a new folder named tests.

2. In the tests folder, create a file named `todo.spec.js`. This will contain the test scripts.

### 4. Run Tests

Run all tests by using the command:

 ```bash

    npm test

 ```

## Contributing

Contributions are welcome! If you have any improvements or bug fixes, feel free to open a pull request.

## License

This project is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for details.

## Contact

For any questions or suggestions, please open an issue in the repository.

---

### Happy Testing! 🚀