KaneAI - The Answer to Vibe Coders who Don't Test!

All right, let's talk about something that most vibe coders don't really understand, and that is the concept of testing. This is where Cane AI comes into place. I'm going to show you this really cool tool that allows you to create tests in a couple different ways. So, why do you want to test? Well, if you make an update to your site, it may end up breaking another part of your site, right? Or your service of some sort. So, that's the whole concept of testing in the most simplistic way to to demonstrate what I'm talking about. So let's say for instance, okay, here's KAI. Um, there's a quick author option and there's also generate scenarios. Now, real quickly, generate scenarios allows you to click like this attach button and you can attach like a PRD file, which kind of describes, you know, all the features and all the routes of your app, for instance. And if you don't already have a PRD file, maybe you're working with an older project, you can ask AI to write one for you. And what it will do is just generate automatically test case scenarios based on your PRD file. Now there's some other options as well where you can connect to Jira and as Azure DevOps if you're familiar with those sort of things. Now over here if we click on quick author we can do something like this. So I own designcourse.com. That's my business. And recently I refactored it using AI like in claude code. And one of the things you want to be certain of is hey every time I integrate a feature I hope it doesn't break another area. So just to give you a very quick demonstration how cool this is. I might say something like this. Test the contact functionality at designcourse.com by sending an email. Okay. So I'm going to go ahead and notice right here we have desktop browser. You can also specify a couple of different other options. Now, of course, you can't only just test within a browser. You can also test like mobile apps as well. So, let's go ahead and hit send and see what actually happens. What ends up happening right here is it's going to launch this virtual browser. See where it says Google Chrome? Okay. So, it's going to say right here opesigncourse.com test contact functionality by sending an email. Okay. I'm going to hit prove. So, what it's going to do is it's going to go through, you'll see designcourse.com, my site showing right up over here, and it's going to find automatically the contact form, and then it will fill it out and send an email to test if it actually works. Notice there it goes. It clicked the contact link. Notice I didn't tell it where it was. It's analyzing the website itself. All right, this is a test message sent via the contact form. And then finally it will hit send message in which case it should display a success message. And there we go. Okay. So now it's finished. And if I wanted to I could click on manual interaction right up here. And manual interaction actually allows you to go ahead and adjust the steps right here as you see them. And it will record those as well. So I'm going to go ahead and hit save. And right here it says, do you want to run code validation after saving? Code validation checks your steps for correctness after saving. Code will be generated in both cases. All right, so I'm just going to hit save and validate code. All right, so here we go. So this is the actual test and we can um click edit steps right here in case perhaps something changes uh you changed, you know, the flow of it. But here's the thing, you may not have to every single time an update's made on your end because it does intelligently take a look at what's happening and process it likely through an LLM. So you can click on edit steps and it it thrusts you back into this this this editor in which case like I said you can click on manual interactions you can edit any of these steps right here and that way you have it saved and it's updated and you can run these tests whenever you wish. Now another thing real quickly about this code tab is you can actually export the tests and you can use them in your own environment which is super cool by clicking this download button right here. So here's the other tabbed. Uh if we click right here, generate scenarios based on like a PRD file. All right. So I can say something like create tests for the custom email signup flow. So we go ahead and submit that. And you're going to see it's going to analyze. You'll see some thoughts here. Sprint, you know, print out on the screen. And then it's going to create um several different test scenarios that will test every aspect of creating a custom email account flow. um ones that have to do with security, ones with validation, etc., etc. And here they are. They're printing out in real time, successful account creation, um how about doing one with a pre-existing email address to test that and see what happens. Um create an invalid email and weak password. Um email verification, link functionality, account activation, and also security to prevent excss on signup form. All right, here it is. It's going to give you a print out essentially of exactly what it created. And if you come over here, you'll see create and automate. All right. So essentially 17 distinct tests, test platform you can choose like whether that's going to be a mobile browser or app. Um and I think you know everything else is good. So we can go ahead and create and automate down there. If I click view session right here, you see we come back to the familiar browser, the virtual browser right here. As you can see, it already found uh the URL which was in the PRD, but it has the page open already, and it's going to test the email functionality specifically right here for this test. So now you have all of these different tests that you can continually run especially whenever you update something on your site and you can create them and maintain them manually based on the needs of your app. So when it comes to testing you know it's one of those it's almost like the the thing that people think of last you know and then they they deploy it and then all the uh their site breaks whenever there's a feature that's integrated or even worse customer data is leaked or something like that. So definitely check out KAI, the sponsor of this video. Testing is extremely important. It's something that you absolutely must consider if you're pushing anything to production, especially if we're dealing with other people's information. So definitely check out KAI and I will see you all very soon. Goodbye.