Twitch with Fabio Biondi

Description

This is the reference repository with all the contents and the examples of the Twitch episode with Fabio Biondi.

We are going to walk through

a basic E2E test for the signup flow
an optimized version of the previous test
a basic UI Integration Test (an E2E test without a working server) test for the signup flow
some basic Unit tests on a React component
some basic Unit tests on a React hook

Environment

Requirements

Git 2.29
Node.js 14
NPM 6.14

Getting ready to play with the exercises

Check out with the following guide.

Installing everything listed in the Environment section
Launching $ npm install
Launching $ npm run test:smoke

The steps above launch the back-end and application, the front-end application, and Cypress. If you see something like

      Spec                           Tests  Passing  Failing  Pending  Skipped
┌─────────────────────────────────────────────────────────────────────────────┐
│ ✔  realworld/smoke.spec.js  00:01     1        1        -        -        - │
└─────────────────────────────────────────────────────────────────────────────┘
  ✔  All specs passed!        00:01     1        1        -        -        -

you're ready!

During the exercises

The most important scripts are:

$ npm run cy:open: starts the Cypress UI
$ npm run realworld:frontend:start: starts only the front-end project

About me

I'm Stefano Magni, I'm a passionate and positive-minded Senior Front-end Engineer, a Speaker, and an Instructor from Italy (working remotely since 2018). Developing User Interfaces, solving problems, and helping people are my passions.

I have worked in this field for more than ten years, including experience with different codebases (currently working on a 250K-LOC one) and various companies: a mid-size company, a Bitcoin startup, a web-agency, etc. organized through Scrum, Kanban, or classic Waterfall.

What I love:

working with passionate people
coding User Interfaces, solving the closest to the user problems
writing maintainable and easy to refactor code
guaranteeing the highest possible quality of my work with precise execution and problems prevention
easing other developers and stakeholders work with high proactivity, communication, providing a lot of feedback, mentoring, and improving workflows
actively looking for and proposing solutions for every kind of problem I see
learning and solidifying/spreading my knowledge by speaking and teaching

In the last years, I became a speaker again, revamping my learning path completely, including answering on StackOverflow, writing articles, sharing plugins, and speaking at meetups.

I'm currently focused on React, TypeScript and all their ecosystems.

I wrote a big UI Testing Best Practices project on GitHub.

GitHub - LinkedIn - Twitter