 You can now record, replay and audit user flows with the Recorder panel. Checkout is a common user flow among shopping websites. Let's see how we can record and replay the checkout process. This is the coffee ordering site we'll be using. Let's open the Recorder panel via Run command, Show Recorder. Click on Start new recording, enter coffee checkout as the name, then click on Start a new recording. Let's add a cappuccino and americano to the cart. Then click on the Total button to start the checkout process. Notice that the Recorder panel is recording our interactions and show it on the screen. Fill in the payment details, then click on the Submit button to complete the transaction. Click on End recording now to stop the recording. Let's click on the Replay button to replay the workflow. Alternatively, you can simulate a slow network connection during replay. We can expand each step to see the details. We can modify the steps too. Click on the 3-dot menu, there are options to remove or add a step. For example, I would like to add a flat white prior to the checkout. Let's add the step before we proceed to checkout. Expand the step and change the type to click. Then use the selector picker to pick the flat white element. See, the selector's information is filling automatically for you. We can replay the user flow again for verification. Once it's done, we can download the script and share it with others. At the moment, the Recorder only supports export to Puppeteer script. More export and import options will be supported soon. Apart from that, you can audit the user flow by clicking on the measure performance button. The user flow will be replayed and the performance trace will be exported to the performance panel for further analysis. For example, there are some layout shifts happening. Click on it to find out the details. To learn more about the Recorder panel, go to goo.gear slash DevTools.recorder. That's all. See you for the next DevTools tip. Bye.