This project starts you off with the latest stable version of Angular 9. Storybook has been setup and StoryShots has been configured.
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.
npm run test
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.
npm run storybook
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 |
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
.
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.
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
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.