https://github.com/toghrulmirzayev/ui-simulator

UI simulator
https://github.com/toghrulmirzayev/ui-simulator

qa qa-automation testing ui

Last synced: 2 months ago
JSON representation

UI simulator

• Host: GitHub
• URL: https://github.com/toghrulmirzayev/ui-simulator
• Owner: ToghrulMirzayev
• Created: 2023-05-06T09:21:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-13T21:19:40.000Z (3 months ago)
• Last Synced: 2024-09-15T12:44:09.378Z (3 months ago)
• Topics: qa, qa-automation, testing, ui
• Language: CSS
• Homepage: https://toghrulmirzayev.github.io/ui-simulator/
• Size: 71.3 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UI simulator

It is a simple UI simulator that can be worked on in both manual and automated testing. \

The simulator is designed for learning. It's an open source project. Feel free to use it for your pet projects and learning activities :) \

URL: https://toghrulmirzayev.github.io/ui-simulator/

# Pages

Below you can find several pages that give you chance to manipulate with UI elements.

## Hover and Select

Here you can hover over the `Select` text to see the dropdown with several options. \

You can select one of them and go to the particular page. \

You can return to this page from all pages by clicking `back` button on that pages respectively. \

You can use Day/Night themes and while changing pages selected theme will stay as is. 

## Drag and Drop

Here you can drag cards and hover over each other and drop them to replace cards. \

The main purpose to build `Testing` word. 

## Input and Click

Here you can input any text and click to `add` button to add the new row below. \

Then you can click to `delete` button to delete the last row. 

## Checkbox and Scroll

Here you can scroll up and down inside the frame and check the boxes. \

Once you checked the counter on the left side will be changed depend on the count of checked boxes.