Automation Rhapsody

Posts with tag: React

Distributed system observability: Instrument React application with OpenTelemetry

Create a React web application using the Material UI design system and instrument the application with OpenTelemetry.

Distributed system observability: complete end-to-end example with OpenTracing, Jaeger, Prometheus, Grafana, Spring Boot, React and Selenium

Code examples and explanations on an end-to-end example showcasing a distributed system observability from the Selenium tests through React front end, all the way to the database calls of a Spring Boot application. Examples are implemented with the OpenTracing toolset and traces are saved in Jaeger. This example also shows a complete observability setup including tools like Grafana, Prometheus, Loki, and Promtail.

How to gather code coverage with Istanbul and Selenium and pitfalls to avoid

Istanbul does not seem to be recoding code coverage correctly, it turned out that the tests do navigation by changing the URL, which resets the code coverage.

Dockerize React application with a Docker multi-staged build

How to build React application inside a Docker container, with a multi-staged build and then run it with NGINX or Caddy.

Testing with Cypress - Build a React application with Node.js backend

Short introduction to the application under test that is created for and used in all Cypress examples. It is React frontend created with Create React App package. Backend is a Node.js application running on Express.