Test and verify your app

1. 1

   Decide what part of your app you want to check.

   Choosing the right tool for the job will help you find and fix issues more efficiently.

2. 2

   If the problem is something a user would see or involves multiple steps like signing up, ask Lovable to use browser testing.

   Browser testing simulates a real user's experience, showing you exactly what they would encounter.

3. 3

   If you need to check a specific part of your app's visual interface (UI) that should always behave a certain way, ask Lovable to run frontend tests.

   Frontend tests quickly confirm that individual UI components work correctly without needing to run the whole app.

4. 4

   If you suspect a problem with your app's behind-the-scenes logic, first ask Lovable to call the specific backend function directly with certain inputs.

   Direct calls help you quickly isolate and test your server-side code without the complexity of the user interface.

5. 5

   After fixing a backend issue, ask Lovable to write and run edge tests for that function.

   Edge tests create automated checks to prevent the same backend problem from happening again in the future.

I need to verify my app. What's the best way to check if my checkout flow is working correctly from a user's perspective?

Browser testing

This is like having an automated robot use your app in a web browser, clicking buttons and filling forms, to see if everything works from a user's perspective.

Frontend tests

These are small, fast checks that make sure specific parts of your app's visual interface (like a button or a form) behave correctly, even if the whole app isn't running.

Edge function

This is a piece of your app's code that runs on the server, handling things like saving data or processing payments, rather than directly in the user's web browser.

Backend verification

This means checking if the parts of your app that run on the server (like handling data or business rules) are working correctly.

UI behavior

This refers to how the visual parts of your app (buttons, menus, text) respond when a user interacts with them.

Regression

This is when a change you make to your app accidentally breaks something that used to work correctly.

Automated tests

These are checks that your computer runs by itself to make sure your app is working, without you having to manually try everything.

• Don't try to run all types of tests for every small change; choose the tool that best fits the problem you're investigating.
• If an issue is hard to resolve, don't keep trying the same thing; ask Lovable to use multiple verification tools or revert to a stable version.
• Don't expect Lovable to automatically run all verification tools in the background; you usually need to ask for them explicitly.