https://github.com/applitools/tutorial-storybook-angular

This repo has the code for the demo app used in the Storybook Angular tutorial
https://github.com/applitools/tutorial-storybook-angular

Last synced: about 1 month ago
JSON representation

This repo has the code for the demo app used in the Storybook Angular tutorial

• Host: GitHub
• URL: https://github.com/applitools/tutorial-storybook-angular
• Owner: applitools
• Created: 2018-10-11T02:46:22.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-04-29T14:47:20.000Z (over 1 year ago)
• Last Synced: 2024-04-14T04:52:40.447Z (8 months ago)
• Language: TypeScript
• Size: 1.17 MB
• Stars: 0
• Watchers: 6
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Applitools Storybook Angular Tutorial

Please see [https://applitools.com/tutorials/storybook-angular.html](https://applitools.com/tutorials/storybook-angular.html)

## Creating a new Angular project, adding Storybook and adding Applitools SDK from scratch

### Create angular cli and create a sample project

- `sudo npm install -g @angular/cli`

- `ng new tutorial-storybook-angular`

- `cd tutorial-storybook-angular/`

### Add Storybook executable

Installs storybook executable. We can use this to automatically add Storybook deps and configs to existing projects

 - `sudo npm i -g @storybook/cli` //The alpha versions are compatible with the latest Webpack 4 . Get either 4.0 alpha or later.

 - `cd tutorial-storybook-angular`

 - `storybook init` //this adds all the stuff we Storybook needs to the project

 - `storybook start` //start storybook server

### Adding Applitools eyes

- `npm install @applitools/eyes.storybook@beta --save-dev` //Note `@beta` has some fixes as of this point. You don't need this after October 2018.

- `npx eyes-storybook`