Previous Lecture | lect20 | Next Lecture |
lect20, Thu 05/14
Thursday Lecture: Intro to Storybook and Testing
Today
- Update on next four weeks
- Describe lab05 (Ops instructions/video)
- Describe Storybook (lab06)
- Describe Testing (lab07)
- Describe Ops Review (lab09)
Update next four weeks
Subject to change, but this is the preliminary plan.
Week | Monday | Tuesday | Wednesday | Thursday | Friday |
---|---|---|---|---|---|
7 | 5/11 Retro 2 | 5/12 Sprint Planning | 5/14: Storybook | ||
8 | 5/18 Assign lab05 (ops) | 5/19 Assign Storybook / Linting (lab06) | 5/20 Assign Testing (lab07) | 5/21 Demos (lab08) | |
9 | No class (Memorial Day) | 5/26 Retro 3 / Sprint Planning / lab05 due | 5/28 Start lab09 (Ops review) | ||
10 | 6/01 Ops review due (lab09) | 6/02 | 6/04 | ||
Finals | 6/10 5pm final presentations | 6/11 3:30pm final presentations |
Introduction to Storybook
For teams using React, this provides a way to design, test, demo and document your React components.
Demo: https://ucsb-cs48-s20.github.io/project-idea-reviewer-nextjs-storybook
How does it work?
This PR: https://github.com/ucsb-cs48-s20/cs48-s20-nextjs-tutorial/pull/8
Introduction to Testing
See this article in our resources: Testing
-
Unit testing
Plain old
jest
testing for plain old JavaScript.Show example from
project-idea-reviewer-nextjs
-
End-to-end testing
Cypress testing, and Selenium testing for Spring Boot
Show example from
project-idea-reviewer-nextjs