Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kiseta/super-rentals
Ember.js Super Rentals official tutorial updated with Playwright Test Framework and lovingly renamed into Magic Castles
https://github.com/kiseta/super-rentals
emberjs javascript playwright
Last synced: about 1 month ago
JSON representation
Ember.js Super Rentals official tutorial updated with Playwright Test Framework and lovingly renamed into Magic Castles
- Host: GitHub
- URL: https://github.com/kiseta/super-rentals
- Owner: kiseta
- Fork: true (ember-learn/super-rentals)
- Created: 2022-05-06T05:55:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-05-08T22:05:14.000Z (over 2 years ago)
- Last Synced: 2024-09-25T20:21:20.274Z (about 1 month ago)
- Topics: emberjs, javascript, playwright
- Language: JavaScript
- Homepage: https://magic-castles.netlify.app/
- Size: 6.24 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# super-rentals
Ember.js [Super Rentals official tutorial](https://guides.emberjs.com/release/tutorial/) updated with Playwright Test Framework and lovingly renamed into Magic Castles
# is now Magic Castles
[](https://app.netlify.com/sites/magic-castles/deploys)
* Added: Playwright Test Framework
* SuperRentals renamed into MagicCastles
* Mascot hamster(?) Tomster is now Eddie (cute vegetarian vampire) #teamedward
## Prerequisites
You will need the following things properly installed on your computer.
* [Git](https://git-scm.com/)
* [Node.js](https://nodejs.org/) (with npm)
* [Ember CLI](https://cli.emberjs.com/release/)
* [Google Chrome](https://google.com/chrome/)
## Installation
* `git clone ` this repository
* `cd super-rentals`
* `npm install`
## Running / Development
* `ember serve`
* Visit your app at [http://localhost:4200](http://localhost:4200).
* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
### Code Generators
Make use of the many generators for code, try `ember help generate` for more details
### Running Tests
* `ember test`
* `ember test --server`
## Running Playwright Tests
Run the following command in CLI Terminal, if prompted to install Playwright libraries accept the suggested installation.
**--headed** parameter is added to see tests executed, to run in headless mode (Playwright default) remove this from the command below.
```
npx playwright test "example.spec.js" --headed --reporter=html
```
### Linting
* `npm run lint`
* `npm run lint:fix`
### Building
* `ember build` (development)
* `ember build --environment production` (production)
### Deploying
Update Mapbox token in config/enfironment.js
* `MAPBOX_ACCESS_TOKEN='YOUR_TOKEN';`
## Further Reading / Useful Links
* [ember.js](https://emberjs.com/)
* [ember-cli](https://cli.emberjs.com/release/)
* Development Browser Extensions
* [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
* [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
## Useful commands
### To start the app server
```
ember server
```
### To start the test server (QUnit)
```
ember test server
```
or
```
ember t -s
```
### To run tests using ember-play (Playwright test runner for ember)
- install following instructions here: https://emberobserver.com/addons/ember-play
```
ember play -f
```
### to run Playwright test, runs headless by default
```
npx playwright test
```
or headed
```
npx playwright test --headed
```
or headed with nicely formatted html report
```
npx playwright test --headed --reporter=html
```