Any tips on getting the recorder to work with a react UI?

[kazurayam]

I could reproduce the problem of Katalon Recorder that @Rob1 reported. See the following post

A local web server that responds a React-powered page, accompanied with E2E tests by Katalon Recorder, Katalon Studio and Playwright

I would post this to report a bug in Katalon Recorder: What is this? This GitHub repository contains 4 subdirectories: The e2e_KatalonRecorder subproject contains a serialized test code for Katalon Recorder, that targets the URL http://localhost:3000 . The e2e_KatalonStudio subproject contains a Katalon Studio project that targets the same local URL. The NextAppSrc subdirectory contains a single TypeScript page.tsx. Later you will create a Next.js project, and then you will copy & paste thi…

I have no idea how to improve KR.

Later, @Rob1 found that Playwright works fine for testing React apps.

Serious Recorder Bug - does not work with React

Yes, I’ve had a bit more of a play with Playwright, and it’s very good. It’s 4 time quicker to run tests than Recorder in the mode where the browser shows and 5x quicker when running in headless mode. It records very well too - for example, for a while now Recorder has recorded unnecessary Open’s when clicking on buttons in my app. Also, there’s a particularly tricky Combo field in my app that I have to manually record in Recorder due to hidden fields. Playwright just recorded my actions fine w…