WIP test: chromatic

[Sciator]

Visual testing using chromatic.

Chromatic testing workflow:

• new item added inside PRs comparing visual changes. (UI Tests)
  

• clicking Details for UI Tests item will open chromatic dashboard

  

• Dashboard contain all visuals changes, that needs to be reviewd to accept PR.

Integrating chromatic steps

• Create account on chromatic
• Add gireffe from github and copy token

1. Add project -> from github -> select giraffe
2. inside project click Manage
3. open tab Configure
4. copy project token

• Add chromatic-project-token inside circleCI with key CHROMATIC_PROJECT_TOKEN

1. go to circleCI of giraffe
2. open Project Settings
3. select Environment Variables
4. add Environment Variable with name CHROMATIC_PROJECT_TOKEN and coppied token as value

TODO:

• uncoment storybooks
• modify stories to be testable and be more variable