This is your work, valued

Lecco (Italy)

Stefano Magni

Elite
@NoriSte

Passionate, positive-minded, Sr Front-end Engineer @preply / Front-end advisor @ Plannix / ex Platform team / ex team leader / Speaker / Instructor / Writer

ui-testing-best-practices. The largest UI testing best practices list (last update: March 2025)

1.7k

cypress-wait-until. Add the Cypress waiting power to virtually everything ๐ŸŽ‰

699

cypress-otp. Enter a valid OTP token in your UI tests.

49

all-my-contributions. A list of all my contributions โค๏ธ

41

redux-saga-login-react-example. The redux-saga login example with a super-essential UI

32

figma-to-xstate. [๐Ÿšจ inactive ๐Ÿšจ] A Figma plugin to convert a Figma prototype to an XState machine.

23

working-software-mastering-ui-testing. Working Software conference - the companion repository of the "Mastering UI Testing" talk

21

reactjsday-2019-testing-course. React Testing course created for the Italian ReactJSDay 2019 conference

17

nprr. (deprecated) nprr: npm run + autocomplete ๐Ÿš€

16

people-list-xstate. A project built for an internal XState Working Group

14

gatsby-plugin-iubenda-cookie-footer. Gatsby plugin to add the Iubenda's cookie policy banner

11

gatsby-plugin-preconnect. Gatsby plugin to add a <link rel="preconnect"> for every specified domain

10

cypress-twitch-with-fabio-biondi. JavaScript

9

cypress-react-devtools. A working React+Redux app to easily (but MANUALLY) verify if the React devtools are working with the Cypress-controlled browser.

9

frontend-testing-on-steroids-v2. Front-end Testing on Steroids (v2) - companion repo

8

whatsapp-messages-batch. An easy way to write WhatsApp messages in advance and batch 'em all

8

figma-select-and-inspect. The quickest way to inspect elements inside Figma: open up the browser's Console and enjoy

6

javascript-testing-practical-approach-2024-course-v4. Javascript Testing, a Practical Approach (v4)

5

cypress-protobuf. Encode a fixture with Protocol Buffers

5

gatsby-plugin-perfume.js. [DEPRECATED] Gatsby plugin to embed Perfume.js

5

javascript-testing-practical-approach-2021-course-v3. Javascript Testing, a Practical Approach (v3)

4

url-content-changes-checker. A Node.js script to read and compare a remote resource body

4

react-crypto-compare. A simple cryptocurrencies converter component based on https://min-api.cryptocompare.com

4

frontend-testing-on-steroids. Front-end Testing on Steroids - companion repo

4

reactjsday-2018-workshop. All the commits made during the 2018 ReactJSDay workshop

4

increase-by-1. A VSCode extension for replacing a series of selection with a sequence of numbers

4

javascript-testing-practical-approach-2021-course. Javascript Testing, a Practical Approach

3

frontend-testing-on-steroids-with-cypress-2021-course. Front-end testing on steroids with Cypress

3

gitbook-plugin-head-append. Append code to the <head> of the page.

3

typescript-is-type. A Typescript-safe runtime type check function

3

gatsby-plugin-preload-link-crossorigin. [DEPRECATED] Gatsby plugin to add the crossorigin attribute to every <link rel="preload"> tag

3

npm-run-programmatically-example. JavaScript

2

bitcoin-address-soft-regex-validation. A single-function package to perform soft (no checksum) bitcoin address (Base58 and Bech32) validation

2

storybook-knobs-redux-example. An example to control the Redux state with storybook-knobs

2

interviews. A non-exhaustive list of the interviews I did

1

hasura-conventional-commit. I need to play with some GH actions to test out a possible easy way to enforce conventional commit for the Hasura monorepo

1

frontend-testing-on-steroids-ticino-software-craft. JavaScript

1

cypress. Fast, easy and reliable testing for anything that runs in a browser.

1

cypress-documentation. Cypress Documentation including Guides, API, Plugins, Examples, & FAQ.

1

cypress-example-kitchensink. This is an example app used to showcase Cypress.io testing.

1

ol-map-in-popup-trough-react. The git diff showing how we worked around the problems we faced when rendering an OL map in a popup.

1

common-state-managers-approach. Created with CodeSandbox

1

eslint-plugin-react. React specific linting rules for ESLint

1

cypress-wait-timeout. Cypress Wait Until #139 issue

1

docusaurus. Easy to maintain open source documentation websites.

1

cypress-detect-dom-changes. DOM changes detection with Cypress

1

educative-cypress-course. React Testing course, Educative version

1

cypress-storybook. Cypress commands for Storybook projects

1

recoil-apis. Re-implementing basic Recoil API. Play with it on CodeSandbox or read about it in the blog post.

1

cypress-storybook-commands. Commands to help navigate storybook in Cypress for functional and visual component level testing

1