Introducing Chrome Automation0:08
All right, this next one's kind of cool. If you use cloud code, you can hook it up to Google Chrome so that it will physically open a web browser and interact with it to confirm that the work it did dot, dot actually works. Uh, so let me show you. So here you can see it's currently in beta at the time of this recording. And if we set it up, all you need to do is update claw to the latest version, and then you can boot up Claw
Setup With Chrome Flag0:27
And if we set it up, all you need to do is update claw to the latest version, and then you can boot up Claw with this Chrome flag. Next, you can run the Chrome command tube to check the connection and make sure everything's working. And that's basically it. So now when you instruct it to open the browser, it's gonna open the browser. Let's see. So here, I'm in the Laracasts project. Let's boot up Claude with the Chrome flag.
Configuring IDE Integration0:46
Let's see. So here, I'm in the Laracasts project. Let's boot up Claude with the Chrome flag. And actually, very, very quickly before we get started, if you use Peach P Storm, like I do, run the IDE command and make sure that you have PHP storm selected. Um, that will, that will allow it effectively to communicate with the PHP storm. And there's also MCP tools that will allow it to better navigate, uh, your project.
Running Registration Test1:05
And there's also MCP tools that will allow it to better navigate, uh, your project. Okay, so anyways, here's what we're gonna do. Why don't we say, Hmm, we're working on the authentication or the registration process, and I'd like Claude to go through and just make sure that everything works as expected. Let's do that now. All right. So we visit laca, we find the get started button, and then we want to test that a guest account can be,
So we visit laca, we find the get started button, and then we want to test that a guest account can be, uh, registered successfully. All right, let's give it a run. All right, so a boots up laca, it brings up the registration page. And if I switch back, by the way, you'll see, all right, I can see that. I see the link. Let me click on it. The registration form has appeared. Here's what I see. So you can just see this is, uh,
The registration form has appeared. Here's what I see. So you can just see this is, uh, and this is just a prompt back and forth. All right, let's fill it out. What fields do we need? We need a username. All right, what do we need next? We need an email. So it's a little bit slower, but it's fully automated, which is incredibly cool. And welcome aboard. All right, and now that's done. So yeah, check it out. The test successfully verified the registration flow.
When to Use It2:07
So yeah, check it out. The test successfully verified the registration flow. Here's what it did, and it is working correctly. And yeah, that's mostly it. So now if you're wondering, well, when would I reach for this? Well, of course you could do it like this, and that's really helpful, I think when you're in the midst of working on something. But ideally, you have dedicated, uh,
of working on something. But ideally, you have dedicated, uh, browser tests in the future that will automatically do this. But this can also be helpful when debugging or implementing features. For example, have you ever seen this where you have AI working on a feature and it says everything works, and then you open the browser and you see a white screen of death. So maybe on the back end it works.
and you see a white screen of death. So maybe on the back end it works. But yeah, once you, uh, turn the ignition and you start the car and you open the web browser, it doesn't actually work well, you can wire it up to Chrome to say, okay, uh, you can consider this feature complete when you open the browser and you can interact with it in the way that I have, uh, requested. So it's gonna do that. It'll build the code,
that I have, uh, requested. So it's gonna do that. It'll build the code, and then you'll see, it'll say, all right, now I'm gonna open the browser and visit the bookmarks page, or whatever it happens to be. And it will confirm it works. And if it doesn't work, it'll, it'll stick to the drawing board. So this really is an incredible feature that you shouldn't ignore.
that you shouldn't ignore.
