https://github.com/albertobasalo/cy-lab
🌲Sample project for Cypress testing courses by https://albertobasalo.dev
https://github.com/albertobasalo/cy-lab
course cypress demo-app sample
Last synced: 3 months ago
JSON representation
🌲Sample project for Cypress testing courses by https://albertobasalo.dev
- Host: GitHub
- URL: https://github.com/albertobasalo/cy-lab
- Owner: AlbertoBasalo
- License: mit
- Created: 2023-05-19T14:48:42.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-27T18:35:15.000Z (almost 2 years ago)
- Last Synced: 2025-08-08T06:40:12.560Z (10 months ago)
- Topics: course, cypress, demo-app, sample
- Language: TypeScript
- Homepage:
- Size: 479 KB
- Stars: 0
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# CyLab,
> Cypress Laboratory for Alberto Basalo courses and workshops
[](https://albertobasalo.dev)
Sample code for Cypress development courses by [Alberto Basalo](https://albertobasalo.dev)
## Clone Repository, install dependencies, and run the project
```bash
git clone https://github.com/AlbertoBasalo/cy-lab
cd cy-lab
npm install
# run cypress interactive mode
npm start
# alternatively run cypress in headless mode
npm test
```
## Alternative
```bash
# create new npm project
npm init -y
# add cypress as dependency
npm i cypress
# add typescript as dependency
npm i typescript
# add several dev dependencies
npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-prettier prettier
npm i -D @types/node
# add cypress open to start script and run it
npm start
```
## Target project (Subject under test)
It is a demo web app with simple but enough functionality. Get a clone, install the dependencies, and follow the instructions to start a local server.
- [**Demo app**](https://github.com/AlbertoBasalo/ng-lab)
## 🛠 VS Code configuration
```bash
npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier prettier typescript
```
- [My Visual Studio Code .dotfiles](https://github.com/AlbertoBasalo/dotfiles)
### ⚙️ Settings
- [How to configure VSCode to code better TypeScript](https://albertobasalo.medium.com/how-to-configure-vscode-to-code-better-typescript-d6e000b2cb06?sk=4c0edee7dd123c0e0c7c6f7266c91e4d)
- [My settings.json](https://github.com/AlbertoBasalo/dotfiles/blob/main/settings.json)
### 🧩 Extensions
- [5 VSCode extensions to write better TypeScript](https://albertobasalo.medium.com/5-vscode-extensions-to-write-better-typescript-9804acbada9?sk=8907a533ca7e5b14aa2daa397bb667d1)
- [All the Extensions I use](https://github.com/AlbertoBasalo/dotfiles/blob/main/extensions-i-use.md)
https://chromewebstore.google.com/detail/cypress-recorder/glcapdcacdfkokcmicllhcjigeodacab?pli=1
### 👩🏼⚖️ EsLint rules
- [Fine-tune ESLint rules to write better TypeScript](https://albertobasalo.medium.com/fine-tune-eslint-rules-to-code-better-typescript-e4cabbbe2fa1?sk=fe0c1c07936f2c4a503dbce0272da621)
- [My eslint.json](https://github.com/AlbertoBasalo/dotfiles/blob/main/eslint.json)
#### ⌨ VS Code Shortcuts
- `F1` :command list
- `CTRL+P` : file
- `CTRL+T` : search code
- `CTRL+K CTRL+Z` : code comment
- `CTRL+K CTRL+U` : uncomment code
- `F12` : go to definition
- `CTRL+Ñ` : show hide terminal
- `CTRL+B`: show hide navigation bar
- `CTRL+K S` : save al files
- `ALT+up|down` : move line
---
🧑🏼💻 By Alberto Basalo
