Skip to content
/ angular-9-starter Public template

Angular 9.x Starter with Storybook testing and PWA configured

License

Notifications You must be signed in to change notification settings

jhairau/angular-9-starter

Repository files navigation

Angular 9 Starter

This project starts you off with the latest stable version of Angular 9. Storybook has been setup and StoryShots has been configured.

angular-9-starter Known Vulnerabilities Renovate

Testing Application

Even though Jest has been installed for the Storybook StoryShots snapshot testing. I've left the default testing framework Jasmine as the main testing tool. If you are new to testing you'll have more community support for the default Angular testing setup to help out.

Running tests

npm run test

Testing Isolated Components

Storybook

Storybook is an open source tool for developing UI components in isolation. Being able to build, render and debug your components in isolation can save you a lot of time.

Running Storybook

npm run storybook

Included Addons

Addon Description
Knobs Knobs allow you to edit props dynamically using the Storybook UI. You can also use Knobs as a dynamic variable inside stories
Actions Actions can be used to display data received by event handlers
Viewport Viewport allows your stories to be displayed in different sizes and layouts
StoryShots StoryShots adds automatic Jest Snapshot Testing

Progressive Wep App (PWA)

The starter has been configured to enable Service Workers when the application has been built for production. You can disable this behaviour in app.module.ts:17.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

About

Angular 9.x Starter with Storybook testing and PWA configured

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published