https://github.com/stefruseva88/softuni-front-end-tech
My Exam projects for Front-end Test Technologies @ SoftUni
https://github.com/stefruseva88/softuni-front-end-tech
dom-manipulation playwright-javascript qunit-tests
Last synced: 4 months ago
JSON representation
My Exam projects for Front-end Test Technologies @ SoftUni
- Host: GitHub
- URL: https://github.com/stefruseva88/softuni-front-end-tech
- Owner: StefRuseva88
- License: mit
- Created: 2024-08-29T10:08:13.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-28T17:20:33.000Z (over 1 year ago)
- Last Synced: 2025-10-21T11:47:37.978Z (8 months ago)
- Topics: dom-manipulation, playwright-javascript, qunit-tests
- Language: JavaScript
- Homepage:
- Size: 7.67 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SoftUni Front-End Test Technologies Exam Projects
[](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[](https://www.chromium.org/)
[](https://qunitjs.com/)
[](https://playwright.dev/)
## My projects for QA Front-end Test Technologies Exams @ SoftUni
Welcome to the repository for my exam projects! This collection showcases my skills in **DOM Manipulation**, **Playwright testing**, and **QUnit testing**. Below you will find detailed descriptions, usage instructions, and examples for each of these projects.
---
## Table of Contents
- [DOM Manipulation](#dom-manipulation)
- [Playwright Tests](#playwright-tests)
- [QUnit Tests](#qunit-tests)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [License](#license)
- [Contact](#contact)
---
## DOM Manipulation
### Description
This project demonstrates my proficiency in **Document Object Model (DOM) Manipulation**. The main objective is to dynamically update the content and structure of a webpage using JavaScript. Key features include:
- **Dynamic Content Creation:** Add, modify, and remove elements on the page.
- **Event Handling:** Manage user interactions through events such as clicks, mouse movements, and keyboard inputs.
- **Real-time Updates:** Reflect changes on the webpage without reloading, enhancing the user experience.
## Playwright Tests
### Description
This project includes a suite of automated tests using Playwright, a powerful end-to-end testing framework. The tests are designed to validate the functionality and performance of web applications across different browsers.
- Cross-browser Testing: Ensure that your application behaves consistently across Chrome, Firefox, and WebKit.
- Headless Testing: Execute tests in a headless environment for faster and more efficient test runs.
- Advanced Test Scenarios: Cover complex user interactions, navigation, and input validation.
## QUnit Tests
### Description
In this project, I have used QUnit, a JavaScript unit testing framework, to write and execute unit tests. The goal is to ensure that individual units of code (such as functions) work as expected.
- Test Suites: Organize tests into suites for modular testing.
- Assertions: Utilize a variety of assertions to validate code functionality.
- Test Coverage: Achieve high test coverage by thoroughly testing all critical code paths.
## Getting Started
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
- A web browser (e.g., [Chrome](https://www.google.com/chrome/), [Firefox](https://www.mozilla.org/firefox/))
## Usage
### Running the DOM Manipulation Project
Open `index.html` in your browser to see the DOM manipulation in action.
### Running Playwright Tests
Execute the Playwright test suite with the following command:
```
npx playwright test
```
### Running QUnit Tests
Simply open the `test/index.html` file in your browser to run the tests.
## 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! 🚀