Hi everyone, welcome you all. In the today's video, I'm going to talk about a very useful tool from Selector Hub, which is Testcase Studio, innovated by Sanjay. So basically, Testcase Studio is a free browser recorded plugin, which will record all the... actions in plain English along with a screenshot in web application so normally as a manual tester we will try to understand the requirements and functionality of the application and accordingly we will write all the test scenarios and test cases and once you get an approval from the team and leads then we will start executing the test cases on the build once you once you get a build from the developer right so at the time of executing your test cases suppose if you find some bugs in our applications then you need to provide those details to the developer and what are the details you will provide normally you will provide all the steps what are the steps we need to execute to reproduce the bug and along with that we need to provide the screenshots log files and environment details and when you provide the screenshot you will highlight exact place where exactly the bug is present so all these things you need to provide to the developer so accordingly developer will analyze the issue and accordingly he will fix it so this is a again a tedious task for the tester so we need to consolidate all the details at the time of execution and then accordingly we need to provide to the developer so test case studio exactly will help us to capture the steps what exactly we have done in application because it will record all the user actions in simple english language and at the time of recording the actions it will also capture the screenshot each and every screenshot it will capture by highlighting the uh exact where exactly we uh we have done the action okay so this will help us at the time of reporting the bugs to the developer for providing all the details and second thing is sometimes we do exploratory testing and ad hoc kind of testing so without having any test cases ready we explore the application sometimes to understand how exactly it is working what exactly what type of functionality the application is provided so at the time of doing uh ad hoc testing or exploratory testing suppose if you if you feel like some test cases should be additionally added to the existing test cases right so you can record all those steps and along with the test data and along with the screenshot every everything and then you can make them as a test cases and you can upload in any test management tools later. So that is another help it can be done.
So that is a test case studio. So let us try to explore this and what are the different features are provided how it will help us especially for manual testers how it will help to reduce a lot of time and effort. Okay, so first we need to go to selectorhub.com.
So this is a test case studio, which is recorded plugin which is available in two different flavors. a free version which is available the other one is premium version which is test case studio pro version which is also available and pro version is also having some more advanced features than test case studio so first let us start exploring test case studio and then we will discuss some of the features from test case studio pro version so if i just click on this test case studio and it will navigate to the test case studio page and they have given some description about test case studio and which will also support different type of browsers chrome firefox edge edge opera brave safari chromium and other type of browsers so to install this test case studio what we can do is we can just go to chrome browser currently i'm using chrome browser let's go to chrome web store and here you can search for test case studio test case studio and now once you search for test case studio so then you will get the test case studio from selector okay so this is a these are the two different versions so test case studio free version test case studio provisional version so let us try to install this test case studio so once you click on it just we need to add this extension to the browser so add to Chrome and then add extension extension. So once you have done it, so the extension is got added. But once you add it is still not active. So what we can do is we need to just go to this plugin manager and extension manager.
So here you have to pin it. So test case to I'm just clicking on this pin. So now you can see Test Case Studio icon here. Okay.
So once you see this icon, now you can start using this Test Case Studio and we can record all the user actions on the web applications and some more features also available. Let us try to understand those features. So let me just close all my browsers.
And now I'm launching my new browser. So my test case studio is already available. So now we need to start record some application.
So what I'll do is I will try to open a browser. And before that, let me just click on this test case studio. Now we can see the window like this.
okay so the current version is 1.5.3 so currently this is the latest version and there are some more options are provided like steps here data expected result xpath css selector screenshots and many more features are there so let us try record the steps of like user actions on the particular application so now what i will do is i will try to here you can see if an option click to stop recording so by default as soon as you open it is in recorded mode in the corner left side corner you can see click to stop recording if i don't do by default it is in recorded mode okay so you can just minimize this plugin or you can just place it aside and now start doing the actions on the web application now i'm launching my website so as soon as you launching the website and doing the actions it will automatically record in the plugin you can just see parallelly so how the steps will be recorded so currently it is in recorded mode okay now i'm entering some values here and say admin then i'm adding admin one two three i'm just clicking on the login so now i have done some user actions so as soon as i have done some user actions and you can see the test case studio so some steps are got automatically generated so let me minimize the application so now we can see here so you can see here same steps are got recorded so open website we have opened this website url and i pressed caps lock multiple times and and after that I have entered username and then I have entered the password then I click on the login. So these are the steps recorded by Testcase Studio and along with the steps you can see here whatever data I have used the same data is got captured you can see this is the URL I have used and this is the username I have used and this is the password I have used. And there are multiple columns also there expected result, XPath, CSS, screenshots in every step the screenshot are generated here.
What has been captured. Okay. So whenever you find some bug, right, so we can simply copy these steps as it is, and then you can share them to the developer.
So simply what you can do is I have just recorded steps till login, right? So simply you can click on the test case here. As soon as you click on the test case, it will download the two files actually. So one file is an Excel file, which contains all the steps, whatever we recorded.
The other file is called zip file. So which contains all the screenshots, whatever it is called generator. Now let me open the excel file.
So once you open the excel file, now in that excel file you can see all the steps which are recorded in the web application. So exactly same steps have got recorded. So whatever the columns are there in test case studio, every column has got recorded along with the operating system, browser, resolution, time, everything has got recorded.
So this is how we can also download test cases whatever you create. created in the test case studio okay so let's explore some more features in this so in every step the screenshot has been captured so if i look at the screenshot i'm just clicking on the screenshot observe this see here this is a screenshot for first step it is captured now let us try to get this admin so i enter the username here let me just click on this now you can just observe wherever exactly i have done the action it is got recorded and i also highlighted that particular field Okay, so every step the screenshot is got captured and all the screenshots will be automatically downloaded whenever you download this test case, the Excel file will be generated which contains the test which contains all the steps and there is another folder will be created zip folder if I extract this you can see all the screenshot. So let me click on this. Now if you open this you can see all the screenshot have been automatically generated. So this is one of the beautiful feature which is provided by TaskGate Studio.
And not only this, there are some other features also provided. For example, for every step in whichever action I have done, XPath is also captured. You can see here for username XPath is captured, password XPath is captured, login XPath is also captured.
So for every element in the web, it is also captured the locators XPath along with the CSS, both have been captured. Okay. okay because internally it will also use selector hub so accordingly it will also capture the xpath and css selector for every element so if you are working as an automation testers for them also it will be very useful you can just copy only these x paths suppose there are multiple columns are there i want to copy the steps from the individual column suppose i want to copy only steps simply you can say click on this copy to click all the test steps suppose if you want to copy only data you can simply click on here or if you want to copy only xpath for automation so simply you can click on this it will copy all the experts for the elements similarly css selector so for every individual column a copy option is provided and by taking the help of that copy option we can copy only the particular column data and if you want to get everything you can simply click on the test case and it will download everything okay so this is one of the option which is provided and one more thing suppose at the time of recording your steps uh if you don't want to have screenshots you don't want to capture the screenshot simply you can on or off here screenshots so at the time of on so by default uh all the screenshot have been captured right so now let me just on off here so once i off this screenshot and then let us continue the recording so again i successfully logged in right so now let us go to the application now i do some more actions so let's go to pia and then i'll go to i click on employee list all right so now i got some employee list so now again go and check test case studio now you can see here the screenshot have not captured so i click on the pam and also i click on the employee list so for these two steps screenshot have not captured so whenever you want to have screenshots you need to just on this option or whenever you don't want to capture the screenshot you can simply off here so this is another option which is provided on or off for screenshot and for automation testers especially you will use this locators xpath or css for automation especially when you're creating the page object classes we need to use all the locators we need to create our own locators so for them what we can do is so the xpath css automatically generated right so what we can do is we can convert them into commands so normally when you work with the selenium we'll use driver. find element or when you're working with the cypress normally we use cy.get right or if you want to capture only the locator part then we can use by dot xpath something like that so we can convert them into commands so how we can convert them into commands is simple we can simply enable this option set driver command so if you just on this option automatically you can just look at here all the xpaths and css selectors are converted into a selenium code format driver.find element by dot xpath and driver.find element by dot x bar so whatever element locators got captured it is converted into commander selenium command okay sometimes we use uh let's say cypress normally we use get command to get that element the same locator i want to use with get command so it is automatically generated the format here right so now just we need to change it so instead of doing this simply you can say cy dot get and then xpathway so simply you can remove this and as soon as you change this format you can see here on the xpath column so the command automatically changed okay so this is how we can also change the command accordingly all experts will be turned into our expected format so this is another very useful feature especially for automation testers it will be very very useful okay and suppose currently it is in recorded mode still it is in recorded mode right so whatever actions i'm doing in my applications everything is recording here but suppose i just want to stop recording for some time or i just want to pause recording for some time so what you can simply do is we can simply click on stop recording here and then you can continue the actions so for example i go to application again so i will go to let's say leave section and then i'll click on something like smiley okay and then again i come back to the pim so i'm doing multiple actions here so if i again go to the test case studio so those actions have not recorded so why because we have passed the recording for some time here okay again if you click on this start recording it will start recording the actions now i'm clicking on the start recording once again so it will start recording the user actions one more time now i'll go to admin tab here so now i got some more fields here and then i'll click on one of the user admin or you can just go to some other field suppose i'm deleting this admin click on this delete it cannot be deleted let me just delete one more user i'm selected this user i'm trying to delete this so these are the actions i have done so now if i go back and see the test case studio so those actions have automatically recorded here Okay, so I have a screenshot I have off here.
So if you're on the screenshot, screenshot also captured but I make it is off so screenshots are not captured here. So whenever you want to start recording or whenever you want to stop recording, you can use this option properly. okay and sometimes suppose if you already recorded some steps here and sometimes some additional steps will be unnecessarily recorded so if you want to delete those steps or sometimes some steps are added some missing steps we have some steps or got missed now we want to add some steps additional steps you can still do that so for example here i press caps lock two times it is recorded i don't want to have these two steps i can simply go and delete those two steps and similarly whatever unnecessary test you need to you want to delete you can simply go and delete those options you can see scroll down okay click on sell two times it is recorded click on sell so simply i can delete that one so whatever steps are not required you can go and simply delete it suppose if you want to add one more step okay suppose if you want to add one more step so here i have click on the login then immediately clicking on pm so between these two so if i want to add add any additional step you can just simply click on this plus button here now one more row will be added here you can add whatever step you want so suppose i want to add something called let's say go to dashboard okay so xpath you have to add manually because this step is added manually you need to add everything so if you want to add any additional stuff you can simply add the step or if you want to delete the existing step you can simply delete that one so these are all options which are available okay and sometimes suppose there are multiple columns are there let's say here we have a steps data expected result x path css screenshot so we can also customize these columns so customize in the sense we can add more number of columns or we can remove the existing columns right so suppose if i download the test case all the columns will be downloaded steps data expected result x path and everything suppose i don't want to see ss selector i don't want this column so simply what you can do is you can just go to the fourth icon here in the top left top click to add remove columns if i click on this option it is got highlighted so whatever columns are displayed in this table so it is highlighted you can simply uncheck whichever column you don't want so for example css selector i don't want you can simply uncheck this so that column is got deleted now if i download the test case once again now if i open this xls file you don't see the css selector in the data you can just look at here so only expect a result and you can see the command using xpath here you can see all our xpaths so you can't you can't see any css selector because the column is got deleted so we can customize these columns whichever column we need we can have that column or whichever column you don't want you can just remove that particular column column.
Okay, so this is a customized option is also available. Simply we need to go here click to add or remove columns. Okay, so this is one of the most important feature. And after customization, we can just download the test case file and you can see updated columns, whatever columns we have selected only that column data available in the file. And the expected result column is always empty because whenever you do this.
actions expect a result we cannot predict right so expected results we have to write our own we can define our own expected result based on the action we performed so that is the reason expected result column is by default empty you can if you want you can just click on here you can add your own expected result for every step and once you added your expected results then you can click on the test case it will download the entire test case so that's how we can add expected column data and when you download the file right so when you download the test case file by default the file name will be like whatever domain we have given on the when i open the website whatever domain name we have given here the files will be downloaded the file names will be exactly the same as this domain name so if you want to change the name of the file at the time of downloading so simply what you can do is you can see go to the top here set the test case name here so here we need to specify the name whatever name you have given here So, with that name. The test case will be created suppose here i'm giving some name let's say orange hrm so now after providing this name you can simply click on the test case now you can see two files have downloaded one is orange hrm.xls which exactly contains the all the steps whatever is generated and the source orange hrm dot screen so this zip file folder contains all the screenshot whatever it is got generated so if i don't provide this name by default the file names will be saved as a with the domain name exactly the same as a domain name okay so these are the various number of features are provided in test case studio a free version and at the bottom of this window you can also see issue section and suppose if you find any issues in this or if you want to have any new features in this test case studio you can always rise an issue here and which will navigate to another window so here you can raise whatever issues you faced with this selector hub or if you want to have some more new features in this tool, you can also specify them in this particular tool. So that option is also provided in the tool itself.
So this is the issue section. So one more last thing is here they have provided one more option called execute steps in English as a code. So this is basically integrated with the test trigger automation tool. So if you click on this. whole test case will directly connect to the test trigger and execution will start up so if i click on this option it will automatically connect to the test triggers but if you want to do this we need to create your own account and you need to activate and then you are able to start using test trigger so this is another automation tool and internally it is integrated test case 2.0 is integrated with this tool which is test trigger okay so these are all a various number of features which are available in the test case studio very beautiful uh plugin especially with manual testers it will reduce a lot of time lot of effort repetition so it will benefit a lot okay you will get a lot of benefit from this tool if you start using this especially manual testers okay and this is a free version and apart from this we also have a pro version and pro version there are some more advanced options provided advanced features have been provided especially I just go to selectorhub.com again so this is test case studio pro so if I just go here so it is also supported chrome firefox edge brave and chromium browsers and what are the additional features are provided in pro is especially if I look at the free version so here there is only one format it is supported the test case when you click on the test case download only in excel format it is supported but if you go to the pro version multiple formats are supported and my four to five formats are supported.
So that is one of the feature which is provided in the pro version. And the second thing is, in the free version, we can just record only the user actions. Okay, only user actions.
Whatever actions we do in the web application, we can simply record all the steps in simple English format along with the screenshot. So when I use pro version, it will also record the screen. It will do the screen recording.
So whatever the steps we are doing in the application, the record will be happening. So. So the recorded files will be generated.
So that is one more option which is provided. And apart from this, there are multiple themes are there. So this is a light theme. And if you go to the pro version, that is also provided dark theme. So these are some more additional or advanced features provided in the pro version.
So this is all about test case studio. So which is available in two flavors. One is free version, the other one is a pro version especially.
And if you are trying to use this tool in your companies or in an organization with a team better to go with the pro version because which is having more advanced feature okay or else you can just go to the free version which will provide some more features and you can utilize them and which will help us a lot it will reduce a lot of time and a lot of effort especially while consolidating the data when you are reporting the bugs and when you're when you're doing the exploratory testing so you will find a lot of test cases there but if you want to write them manually it will take a lot of time you So at the time of doing exploratory testing, so simply you can start recording using Test Case Studio and you can start doing the exploratory testing. So obviously all the steps will be recorded. Later you can download the test cases and you can upload in any test case management tool. All right.
So this is all about Test Case Studio. Very, very useful plugin innovated by Sanjay. So from selector hub.
So try to use it and get benefits from this tool. So that's all for this video. Thanks for watching, in the next video we'll meet again.