1
00:00:00,150 --> 00:00:06,780
In order to work with the different controls, I'm going to take a demo of a spinet awesome dot com

2
00:00:06,780 --> 00:00:11,320
website, which actually has got some of the coolest controls that you can work with.

3
00:00:11,640 --> 00:00:17,610
So if I just go to that particular website, that dot is awesome dot com.

4
00:00:17,610 --> 00:00:20,720
You can see that they have a list of controls that you can work with.

5
00:00:20,730 --> 00:00:26,430
So they have controls like like the text box and then the dropdown boxes.

6
00:00:26,430 --> 00:00:32,040
And then there is a button group that you can select and then there is the Ajax Control to select the

7
00:00:32,040 --> 00:00:32,760
dropdown.

8
00:00:33,000 --> 00:00:38,490
And then this kind of control that you can see if I drop down, then there is an R dynamically in order

9
00:00:38,490 --> 00:00:39,690
to control something like that.

10
00:00:40,050 --> 00:00:45,750
And similarly, this control, which if you just type like a mango or something like that, it just

11
00:00:45,750 --> 00:00:47,100
brings up as well.

12
00:00:47,430 --> 00:00:55,410
And then there is a text box with these controls and then there is a lookup box, multi lookup box and

13
00:00:55,410 --> 00:00:56,720
great and things of that nature.

14
00:00:56,730 --> 00:01:02,640
I mean, you can do all those things that you can imagine, like option buttons, checkboxes and everything.

15
00:01:03,000 --> 00:01:05,580
It just brings you up everything over here.

16
00:01:05,850 --> 00:01:09,270
And you can keep working with these kinds of controls.

17
00:01:09,270 --> 00:01:14,340
And these are some of the most common controls that you were always the one on the operation that you

18
00:01:14,340 --> 00:01:15,010
can work with.

19
00:01:15,300 --> 00:01:21,180
I mean, if you want to go even further, you can keep digging like the trigger controls like that.

20
00:01:21,480 --> 00:01:23,940
And then the great mailbox, something like that.

21
00:01:24,120 --> 00:01:30,330
All these things are something that you that we always see in developing or testing any sort of applications.

22
00:01:30,660 --> 00:01:35,670
We can keep learning how we can do all those things in this particular page.

23
00:01:35,700 --> 00:01:42,090
So this particular website I really like because this is a demo website of a Espin application development

24
00:01:42,300 --> 00:01:48,060
and this is something we can use for our automation as well, like our cause as well to understand how

25
00:01:48,060 --> 00:01:50,760
we can actually automate the controls and stuff.

26
00:01:51,060 --> 00:01:57,840
So I'm just not going to do any selection like manually by clicking and doing and inspect and then seeing

27
00:01:57,840 --> 00:01:59,190
what is this particular control?

28
00:01:59,190 --> 00:02:04,410
Is this index lost control or is this and dropdown control or this is like birth control or something

29
00:02:04,410 --> 00:02:04,800
like that?

30
00:02:05,040 --> 00:02:10,980
I mean, as I told you, the most easiest way, while automating the control, is not working with the

31
00:02:10,980 --> 00:02:15,420
most hard way of working with maybe a smart way of working with.

32
00:02:15,420 --> 00:02:19,380
It's always going to be helpful for you while automating a particular application.

33
00:02:19,510 --> 00:02:21,750
We are living in twenty, twenty one guys.

34
00:02:21,750 --> 00:02:28,290
I mean, this is the time while we have to be more smart and a lot of technologies are really getting

35
00:02:28,290 --> 00:02:33,570
into making things more smarter these days with artificial intelligence and stuff, we don't really

36
00:02:33,570 --> 00:02:39,540
have to always keep thinking of writing the actual selector code, something that is better to use a

37
00:02:39,540 --> 00:02:42,990
record and play back to understand how these tools are actually working with.

38
00:02:43,200 --> 00:02:48,690
And then we can start automating it and you can see that it will be a timetable for you to instead of

39
00:02:48,690 --> 00:02:56,400
you doing all this operation, you can use the playwright to just do a simple small operations just

40
00:02:56,400 --> 00:02:57,690
by running through the speaker page.

41
00:02:58,020 --> 00:03:03,300
Once it generates the particular control, we can then learn how this controls are being identified

42
00:03:03,450 --> 00:03:06,750
and what operation it is trying to record and stuff.

43
00:03:06,990 --> 00:03:10,560
So I'm just going to go all the way to our project over here.

44
00:03:10,860 --> 00:03:18,660
And instead of the year approximate outcome that we use at the website in our earlier lecture, I'm

45
00:03:18,660 --> 00:03:27,480
just going to use this one of the more awesome dot com and you can see that the page is now loaded.

46
00:03:28,310 --> 00:03:35,740
And I'm just going to go all the way over here, so let's say if I want to select the speaker controls,

47
00:03:35,750 --> 00:03:43,520
you can see that it automatically picks that is the input name as ctrl zero zero daughter content placeholder

48
00:03:43,520 --> 00:03:45,100
one dollar meal.

49
00:03:45,530 --> 00:03:45,880
Yeah.

50
00:03:45,890 --> 00:03:49,670
So that's a good identifier basically because it's a meal text box.

51
00:03:50,330 --> 00:03:52,010
I don't think it's going to be changing it all.

52
00:03:52,370 --> 00:03:58,830
So if I just type mango, you can see that just mango comes in and you can see that within the speaker

53
00:03:58,850 --> 00:04:03,560
drop down menu, this particular text mango, that's what it deselecting.

54
00:04:03,620 --> 00:04:08,670
So it's automatically telling us that this is the letter that you should be using to identify the control.

55
00:04:08,810 --> 00:04:10,070
So I've chosen that.

56
00:04:10,340 --> 00:04:13,850
I mean, I'm very happy with the control because it looks very realistic.

57
00:04:14,210 --> 00:04:22,040
Similarly, if I choose this particular control and if I choose the papaya, it's been chosen.

58
00:04:22,490 --> 00:04:24,860
Similarly, I can select the dropdown.

59
00:04:24,860 --> 00:04:27,110
I can choose cauliflower from here.

60
00:04:27,470 --> 00:04:31,760
And then I'm just I'm just doing something random here, like lagom.

61
00:04:32,030 --> 00:04:40,880
And then I'm going to uncheck the broccoli and I'm going to check something like salaries and let's

62
00:04:40,880 --> 00:04:47,300
use something that and then I'm going to hit this X for these controls, like I'm going will remove

63
00:04:47,300 --> 00:04:49,370
all these controls from here.

64
00:04:49,700 --> 00:04:54,070
And then I'm going to choose probably the lazy Nords as well as you can see here.

65
00:04:54,600 --> 00:04:56,840
So Mango probably.

66
00:04:58,160 --> 00:05:04,570
And that's it, I mean, these controls are more than enough for us to work with for the initial phase,

67
00:05:04,970 --> 00:05:11,860
and if I just go and do a stop recording, probably there you go.

68
00:05:12,230 --> 00:05:16,630
And I'm just going to copy all these things that it has generated for us.

69
00:05:17,720 --> 00:05:27,470
I'm going to copy them, create a file called As Control, start chess pieces or hear it, and you can

70
00:05:27,470 --> 00:05:29,630
see that the whole recording has happened.

71
00:05:29,930 --> 00:05:35,930
We'll talk about the whole recorded controls in our next lecture, like what it is, but you can try

72
00:05:35,930 --> 00:05:38,360
it yourself and understand how it is being identified.

73
00:05:38,420 --> 00:05:40,040
It will be awesome if you do that.

74
00:05:40,220 --> 00:05:40,640
Thank you.