Skip to content
A list of all my contributions ❤️
Branch: master
Clone or download

Latest commit

Latest commit 2aa6e02 May 24, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Add the ReactJSDay logo Oct 7, 2019
test Make the new test running Feb 13, 2020
.gitignore Fix the 127 error code from markdown-link-check Feb 13, 2020
.travis.yml Make the new test running Feb 13, 2020
README.md Fix a typo May 24, 2020
package.json Make the new test running Feb 13, 2020

README.md

A list of all my contributions ❤️

Instructor

React Testing 101: component, integration, and end-to-end testing @ ReactJSDay (Course description - Conference)

Front-end Testing week @ Talent Garden's CodeMaster 2019 (w/ Giacomo Zinetti - Course website)

E2E Testing with Puppeteer @ Frontenders Ticino (Slides - Meetup - Repository - FETI)

Speaker

Front-end testing on steroids

Breaking the fear of front-end testing

Mastering UI Testing

UI Testing Best Practices

E2E Testing with Jest and Puppeteer

UI Testing Best Practices repository stars

In my spare time, I'm working on a big GitHub repository/book aiming to share my knowledge about UI/E2E Testing and creating a starting point for every browser testing lover. Take a look at the UI Testing Best Practices repository. Do you want to contribute? You're more than welcome! 🤗

Articles

Unit Testing React components with Cypress - Cypress 4.5.0 is out with a long-awaited feature: first-class support for framework’s components render. (Medium - dev.to)

Testing a Virtual List component with Cypress and Storybook - The challenges coming from integrating the tools, the current status of integration, and some best practices to properly test a rendered component. (Medium - dev.to)

Some UI testing problems and the Cypress way - Why is testing a web application so hard? Why generic browser automation tools do not fit well the UI/E2E testing needs? Why does Cypress outstand? (Medium - dev.to)

Software tests as a documentation tool - Why tests are perfect to tell a story of your code. (Medium - dev.to - LinkedIn)

Launching “$ npm run” programmatically with npm.run() - No need for child_process.exec() etc. Pre and post scripts are respected too. (Medium - dev.to - LinkedIn)

New to front-end testing? Start from the top of the pyramid! - An easier approach to get immediate results (and satisfaction) from the front-end testing world. (Medium - dev.to - LinkedIn - Cypress blog)

Who watches the watchmen? Mutation testing in action - Test effectiveness measurement (Medium - dev.to - LinkedIn)

Front-end productivity boost: Cypress as your main development browser - Productivity, productivity, and productivity: how you should leverage a testing tool like Cypress as your main development browser (Medium - dev.to - LinkedIn)

The concept of “Monitoring Tests” - Small E2E tests that check little (but crucial) technical details (Medium - dev.to - LinkedIn)

Component vs (UI) Integration vs E2E tests - UI tests classification (Medium - dev.to - LinkedIn)

Await, do not make your E2E tests sleep - Sleeping: the worst practice in E2E testing and the concept of Deterministic Events (Medium - dev.to - LinkedIn - Cypress Blog)

React Hooks Memorandum (Medium)

Plugins

For Cypress

Cypress Wait Until: Allows to recursively wait until something happens, proudly made during an Open Source Saturday (NPM - GitHub) repository stars
Build Status Build Cron Renovate enabled Cypress Dashboard NPM downloads
Commitizen friendly FOSSA Status semantic-release License: MIT TypeScript Open Source Saturday

Cypress Protobuf: Encodes a Cypress fixture with Protocol Buffers (NPM - GitHub)
Build Status Build Status Renovate enabled Commitizen friendly Open Source Love

Cypress OTP: Allows to enter a valid OTP token in your UI tests (NPM - GitHub)
Build Status Build Cron Renovate enabled Commitizen friendly Open Source Love npm

For Gatsby

Gatsby Perfume.js: Embeds Perfume.js in a Gatsby website (NPM - GitHub - Gatsby)
Build Status Build Cron Renovate enabled Commitizen friendly Open Source Love

Gatsby Iubenda Cookie Footer: Adds the Iubenda's cookie policy banner to a Gatsby website (NPM - GitHub - Gatsby)
Build Status Build Cron Renovate enabled
Commitizen friendly FOSSA Status Open Source Love

Gatsby Preconnect: Add a <link rel="preconnect"> for every specified domain (NPM - GitHub - Gatsby)
Build Status Build Status Renovate enabled Commitizen friendly semantic-release Open Source Love npm

Gatsby Preload Link Crossorigin: Adds the crossorigin attribute to every <link rel="preload"> (NPM - GitHub - Gatsby)
Build Status Build Cron Renovate enabled Commitizen friendly Open Source Love

For VS Code

Increase by 1: replaces a series of selection with a sequence of numbers (VS Code marketplace - GitHub)

Other utilities

nprr: npm run + autocomplete 🚀 (NPM - GitHub)
Build Status Coverage Status Mutation testing badge Build Cron
Renovate enabled Commitizen friendly semantic-release Open Source Love Known Vulnerabilities

URL Content Changes Checker: A Node.js script to read and visually compare a remote resource body (NPM - GitHub)
Build Status Build Cron Coverage Status Renovate enabled

Bitcoin Address Soft Regex Validation: A single-function package to perform soft (no checksum) bitcoin address (Base58 and Bech32) validation (NPM - GitHub)
Build Status Build Cron Renovate enabled Coverage Status Mutation testing badge Maintainability TypeScript

Typescript Is Type: A Typescript-safe runtime type check function (NPM - GitHub)
Build Status Build Cron Coverage Status Mutation testing badge Renovate enabled Maintainability TypeScript

Others

React Crypto Compare: A simple cryptocurrencies converter component based on https://min-api.cryptocompare.com (NPM - GitHub)
Build Status Build Cron Renovate enabled Cypress Dashboard
Commitizen friendly FOSSA Status License: MIT TypeScript

Cypress React Devtools: A working React+Redux app to easily (but MANUALLY) verify if the React devtools are working with the Cypress-controlled browser. (GitHub)
Build Status Build Cron Renovate enabled Commitizen friendly Open Source Love

gitbook-plugin-head-append: A GitBook plugin to append code to the <head> of the GitBook pages. License: MIT (GitHub - NPM)

WhatsApp Messages Batch: An easy way to write WhatsApp messages in advance and batch 'em all (GitHub)

PRs

Applitools Eyes Storybook: Fix storybook 5 support (GitHub)

Cypress Testing Library: Cypress commands return jQuery objects (GitHub)

Cypress: Fix the cy.stub TypeScript signature (GitHub)

Gatsby Brotli and Zopfli plugins: Allow placing the files in a dedicated directory (GitHub Brotli - GitHub Zopfli)

Cypress Skip and Only UI: Add support to modules (GitHub)

Percy Cypress: Add TypeScript types (GitHub)

Reveal.js (and slides.com too, obviously) on touch devices: Remove the thin area between the down arrow and the progress bar (GitHub - Open Source Saturday) Open Source Saturday

Gatsby GTM plugin: Allow placing the GTM script at the end of the tag (GitHub)

Jest Mock Console: Using it for log analysis instead of log suppressing (GitHub)

Useful Gists

NPM as a project dependency: running npm run from a JavaScript file importing NPM (Gist)
TypeScript and React PropTypes: useful resources (Gist)
Redux Saga TypeScript typeguard: implementing typeguard for Axios AJAX requests (Gist)
Listing package.json scripts (Gist)
Git diff to archive (Gist)

Answering on StackOverflow

Black box testing Redux Saga: My Redux Saga testing proposal (StackOverflow)

React Hooks: Why should I prefer to use hooks and not use a class-based component instead, what is the benefit of doing so? (StackOverflow)

Cypress Mousemove issue: The simplest code to show a strange mouse-related Cypress behaviour (GitHub)

Redux Saga Login tests: The Redux Saga documentation example... tested (GitHub)

Inspiration

I got inspired by:

Social links

You can’t perform that action at this time.