Skip to main content

· 13 min read

Here's what we cover in this article:

  • Motivation to perform e2e testing on browser extensions.
  • Why Puppeteer and known limitations.
  • A complete example of a functional chrome extension and a sample React application.
  • A complete example of a puppeteer + jest set up to run your automation.

All the code referenced in this article can be found in our repo tweak-extension/puppeteer-test-browser-ext.

· 4 min read

We're always looking for new ways to improve our effectiveness as frontend developers. We want to pick the right tools to get the job done. We want to have a fully equipped browser, to troubleshoot any tricky bug that comes our way.

Browser extensions have been around for a while, making their way into our development workflow in many different shapes. We can think of extensions as development companions.

In this article, we would like to share a few of them, that in our opinion, provide valuable assistance for frontend developers.

· 6 min read

Writing good documentation is a mission-critical aspect of building software these days. Whether you are writing something for yourself, for the Open Source community, or your company, it's essential to keep things documented for good reasons:

  • It makes developers more productive since they can rely on the docs to understand how to use your software.
  • It makes developing the software itself easier promoting knowledge sharing amongst developers.

· 4 min read

There might be a few reasons why we would want to delay an HTTP request:

  • You want to test how your UI behaves to a slow response from an upstream service.
  • There's a race condition in my code, and I suspect that it happens when the request to A is slower than the request B.
  • You want to show off that beautiful loading animation you've been working on all day!

· 3 min read

A Pragmatic Mocking Tool​

When I first started my career in the software industry, I began to get familiar with Single-page applications and how they interact with servers, mainly through HTTP requests to retrieve or send data to the end-user. If you're working with the front end, there's a very high chance you found yourself in one (or multiple) of the following scenarios.