Welcome to my blog

Here you will find various blog posts on all things related to Frontend and JavaScript but especially on things related to Nuxt, React, Testing and Performance.

nuxt

react

testing

Playwright Reports and Traces

testing playwright reports traces

Playwright will serve up a HTML report on your local server so you can easily walk through the steps of your test. You can also open a trace file which gives you even more powerful options of viewing, reporting, interacting and even debugging your tests.

March 25, 2022

Debugging Tests in Playwright

testing playwright

Let's take a look at some of the ways you can debug your tests in Playwright should they fail. Playwright scripts work with existing debugging tools, like Node.js debuggers and browser developer tools. Playwright also introduces new debugging features for browser automation.

March 25, 2022

Testing iframes with Playwright

testing iframes

Have you ever had to test something in an iframe on your page with end to end testing? Even testing the play button of an embedded video used to be difficult but then along came Playwright. Let's take a look at how Playwright can help you test iframes.

March 24, 2022

Getting Started with Playwright Testing

testing playwright

How can we get more developers to write tests? We can create better tools that makes testing easier. Let's take a look at Playwright and it's amazing features including codegen which writes your tests for you.

March 24, 2022

Building and Testing a Counter Component

react testing

We want to build and test a counter component built with React and TypeScript. So where do we start? Which components do we need to build to create this component and what do we test?

January 12, 2022

Building and Testing a Select Component

react testing

Building a Select component with a Composition to see the component render in isolation as well as Tests using React Testing Library to test the select works on change and shows a new value.

January 10, 2022

Testing a Button Component

react testing

Testing a button component with React Testing Library. What to test and how to test your button component when building multiple compositions of the button.

January 7, 2022

Setting up cypress

nuxt testing cypress

Let's take a look at how you setup Cypress in your Nuxt.js project, setup a github action for continuous integration so that Netlify will run the tests every time your application is building.

July 17, 2020

...