yoshi 4

Higher

Further

Faster

Why we release major versions?

Promote and enable the most advanced cutting edge technologies and workflows while supporting legacy projects

What we're going to talk about today

* E2E tests on watch mode

* Handling SVG

* App Flow

* Fast TS

* Flexible test globs

* Smaller CSS bundle

How do you TDD?

write test -> build -> test -> check console -> modify production code -> build -> test -> check console -> ...

write test -> check console -> modify production code -> check console

This is suboptimal

E2E tests lifecycle

http://localhost:3000

http://localhost:3200

1. Bundle the JS & CSS

2. Serve the statics (CDN)

3. Serve the html (App server)

What are the required build steps?

CI Flow

VS
Local Flow

CI flow

npx yoshi build

npx yoshi test

Bundle the client for production

and save it to the file system

Serve the bundle from the file system

and run the tests using the production bundle

Local Flow

npx yoshi start

npx jest --watch

Bundle the client for development and also serve it

Run the tests on watch mode using the development bundle

--no-test