In order to work with the different controls, I'm going to take a demo of a spinet awesome dot com
website, which actually has got some of the coolest controls that you can work with.
So if I just go to that particular website, that dot is awesome dot com.
You can see that they have a list of controls that you can work with.
So they have controls like like the text box and then the dropdown boxes.
And then there is a button group that you can select and then there is the Ajax Control to select the
dropdown.
And then this kind of control that you can see if I drop down, then there is an R dynamically in order
to control something like that.
And similarly, this control, which if you just type like a mango or something like that, it just
brings up as well.
And then there is a text box with these controls and then there is a lookup box, multi lookup box and
great and things of that nature.
I mean, you can do all those things that you can imagine, like option buttons, checkboxes and everything.
It just brings you up everything over here.
And you can keep working with these kinds of controls.
And these are some of the most common controls that you were always the one on the operation that you
can work with.
I mean, if you want to go even further, you can keep digging like the trigger controls like that.
And then the great mailbox, something like that.
All these things are something that you that we always see in developing or testing any sort of applications.
We can keep learning how we can do all those things in this particular page.
So this particular website I really like because this is a demo website of a Espin application development
and this is something we can use for our automation as well, like our cause as well to understand how
we can actually automate the controls and stuff.
So I'm just not going to do any selection like manually by clicking and doing and inspect and then seeing
what is this particular control?
Is this index lost control or is this and dropdown control or this is like birth control or something
like that?
I mean, as I told you, the most easiest way, while automating the control, is not working with the
most hard way of working with maybe a smart way of working with.
It's always going to be helpful for you while automating a particular application.
We are living in twenty, twenty one guys.
I mean, this is the time while we have to be more smart and a lot of technologies are really getting
into making things more smarter these days with artificial intelligence and stuff, we don't really
have to always keep thinking of writing the actual selector code, something that is better to use a
record and play back to understand how these tools are actually working with.
And then we can start automating it and you can see that it will be a timetable for you to instead of
you doing all this operation, you can use the playwright to just do a simple small operations just
by running through the speaker page.
Once it generates the particular control, we can then learn how this controls are being identified
and what operation it is trying to record and stuff.
So I'm just going to go all the way to our project over here.
And instead of the year approximate outcome that we use at the website in our earlier lecture, I'm
just going to use this one of the more awesome dot com and you can see that the page is now loaded.
And I'm just going to go all the way over here, so let's say if I want to select the speaker controls,
you can see that it automatically picks that is the input name as ctrl zero zero daughter content placeholder
one dollar meal.
Yeah.
So that's a good identifier basically because it's a meal text box.
I don't think it's going to be changing it all.
So if I just type mango, you can see that just mango comes in and you can see that within the speaker
drop down menu, this particular text mango, that's what it deselecting.
So it's automatically telling us that this is the letter that you should be using to identify the control.
So I've chosen that.
I mean, I'm very happy with the control because it looks very realistic.
Similarly, if I choose this particular control and if I choose the papaya, it's been chosen.
Similarly, I can select the dropdown.
I can choose cauliflower from here.
And then I'm just I'm just doing something random here, like lagom.
And then I'm going to uncheck the broccoli and I'm going to check something like salaries and let's
use something that and then I'm going to hit this X for these controls, like I'm going will remove
all these controls from here.
And then I'm going to choose probably the lazy Nords as well as you can see here.
So Mango probably.
And that's it, I mean, these controls are more than enough for us to work with for the initial phase,
and if I just go and do a stop recording, probably there you go.
And I'm just going to copy all these things that it has generated for us.
I'm going to copy them, create a file called As Control, start chess pieces or hear it, and you can
see that the whole recording has happened.
We'll talk about the whole recorded controls in our next lecture, like what it is, but you can try
it yourself and understand how it is being identified.
It will be awesome if you do that.
Thank you.