1
00:00:00,180 --> 00:00:06,390
All right, hopefully you would have already gone through all the selected elements which has been generated

2
00:00:06,720 --> 00:00:13,620
by the playwright Clay, and you can see that all the time, it's going to perform a click operation

3
00:00:13,740 --> 00:00:19,860
and then it's going to perform in operation, something like a mango, like a typed, and then it is

4
00:00:19,860 --> 00:00:24,890
going to perform a click of the div, like a dropdown for the mango.

5
00:00:24,900 --> 00:00:32,490
So it's going to search this particular text using a pretty decent space everywhere.

6
00:00:32,490 --> 00:00:38,760
So it is like identifying the exact mango by leaving all the spaces, like the leading spaces and the

7
00:00:38,760 --> 00:00:41,650
trailing spaces, and then it's going to select exactly the mango.

8
00:00:41,940 --> 00:00:46,290
So it is already doing some sort of regular selection for us while it is trying to select it.

9
00:00:46,300 --> 00:00:50,300
And you can see that there is a double arrow coming in.

10
00:00:50,310 --> 00:00:58,470
So this arrow tells that you are going to select a text like Mango from its parent, the dropdown.

11
00:00:58,500 --> 00:01:04,590
So this is like a shorthand of the chaining operation, which the playwright actually does.

12
00:01:04,590 --> 00:01:08,130
So this double arrow is basically like a chain operation.

13
00:01:08,140 --> 00:01:12,160
It does for its patent and then its child.

14
00:01:12,300 --> 00:01:15,450
So this is something very, very easy and handy as well.

15
00:01:15,450 --> 00:01:17,970
While we work with a trained operation.

16
00:01:18,220 --> 00:01:24,440
I mean, if you go to the documentation of the play right over here and if you just type something like

17
00:01:24,450 --> 00:01:25,740
chain selector.

18
00:01:26,690 --> 00:01:33,750
You can see that they have something called as a selector with a chain operation using a double daughter.

19
00:01:34,040 --> 00:01:36,620
So this training operation is very equal.

20
00:01:36,620 --> 00:01:43,110
And from here to the document that carries a lot of article after bar and something like that.

21
00:01:43,130 --> 00:01:44,950
So this is like a changed operation.

22
00:01:45,170 --> 00:01:52,690
So this same change operation is actually being taken care over here while it is trying to select a

23
00:01:52,700 --> 00:01:56,240
text of a mango from that particular dropdown.

24
00:01:56,270 --> 00:02:02,450
So this is like a shorthand that we can do instead of doing an operation, something like this, because

25
00:02:02,450 --> 00:02:04,220
this is really, really hard to work with.

26
00:02:04,640 --> 00:02:10,100
And and also you can see that every time is trying to perform a click operation, it is going to perform

27
00:02:10,100 --> 00:02:15,840
a click operation with a normalized space in the X part, because those are very, very important.

28
00:02:15,860 --> 00:02:20,480
While there is going to be any leading or trailing spaces on the particular control.

29
00:02:20,810 --> 00:02:27,350
And similarly, you can see that the papaya is being subtly using the same way that it performed the

30
00:02:27,650 --> 00:02:34,340
click operation over here and then the ligaments that are directly using the text.

31
00:02:34,460 --> 00:02:39,130
And you can see that the click operation for this control controlled properly.

32
00:02:39,140 --> 00:02:46,830
It's been performed by just using the XPath and you can see that the control is just clicked over here.

33
00:02:46,850 --> 00:02:53,450
I'm very doubtful that this is going to work or not because I don't think these controls are looking

34
00:02:53,450 --> 00:02:54,740
pretty unique.

35
00:02:55,130 --> 00:02:56,560
Probably we need to check this guy.

36
00:02:56,570 --> 00:02:57,920
I think this is not going to work.

37
00:02:57,920 --> 00:03:05,270
If I'm not wrong or even if it works, they are not going to be stable while we work with any application

38
00:03:05,270 --> 00:03:11,360
on the test environment, because it looks pretty, uh, pretty bad to me probably.

39
00:03:12,140 --> 00:03:15,510
And I don't think these things are doing something wrong.

40
00:03:15,530 --> 00:03:20,510
I mean, these are looking pretty good to me right now, but we just need to run this test and see what's

41
00:03:20,510 --> 00:03:21,460
going to basically happen.

42
00:03:21,890 --> 00:03:29,330
So before we actually perform a run operation, we can also put a breakpoint or maybe we can just stop

43
00:03:30,380 --> 00:03:34,070
the Pessotto clothes and all these clothes operation.

44
00:03:34,070 --> 00:03:39,080
Just we can come at them and then we can try to just run this particular test and we'll see what's going

45
00:03:39,080 --> 00:03:39,520
to happen.

46
00:03:39,530 --> 00:03:42,830
So I'm just going to do a number of controls.

47
00:03:43,010 --> 00:03:47,270
I'm going to tell you how to work with the D-Box and stuff in our next video or upcoming videos.

48
00:03:47,270 --> 00:03:50,270
But as of now, just don't worry about it because we're just talking the basics.

49
00:03:50,450 --> 00:03:58,070
So I just don't want to overcomplicate how we can actually do things over here, because those are something

50
00:03:58,280 --> 00:04:00,830
which is not required at all while we do it.

51
00:04:00,830 --> 00:04:02,510
Some of the basic things at the moment.

52
00:04:02,780 --> 00:04:08,630
So you can see that the whole test actually executed without any problem and everything has been selected

53
00:04:08,630 --> 00:04:15,470
for us, like Mango Papaya has been such a lagom instructor and also the mango two, six, seven, three.

54
00:04:15,470 --> 00:04:18,560
I think this is the last operation that we need to select over here.

55
00:04:19,880 --> 00:04:27,800
Just scroll down a bit, this guy, and you can also see that the checkbox has been unchecked and stuff.

56
00:04:28,100 --> 00:04:36,560
You can also note that this particular Ajax drop down the tomato is actually been selected from a select

57
00:04:36,560 --> 00:04:39,170
options for us, as you can see over here.

58
00:04:39,180 --> 00:04:45,110
So basically, this particular dropdown is basically like a like a select control.

59
00:04:45,410 --> 00:04:52,190
So if you try to do an inspect, you can see that probably just do something like this.

60
00:04:52,190 --> 00:04:59,720
And if I just start that tomato, you can see that this is basically a select control over here and

61
00:04:59,720 --> 00:05:05,120
it is selecting one eighty nine for us, which probably doesn't really exist.

62
00:05:05,120 --> 00:05:10,970
But the tomato for us and and you can see that it is actually under the control for us from the select

63
00:05:10,970 --> 00:05:12,920
control, which is also awesome.

64
00:05:12,950 --> 00:05:16,940
So all these operations are taken care from us over here.

65
00:05:17,030 --> 00:05:23,120
And I could also see that the control that structure operations is also being taken down from here using

66
00:05:23,120 --> 00:05:24,650
this text disaccord.

67
00:05:25,190 --> 00:05:31,490
I'm not sure how or why it has been taken, but this is not going to be a very solid record.

68
00:05:32,030 --> 00:05:33,310
It's going to be more fragile.

69
00:05:33,320 --> 00:05:39,380
So probably this code has to be taken into consideration while we try to automate it, which is not

70
00:05:39,380 --> 00:05:43,790
the correct way of doing it, probably, but it's working at the moment, which is pretty good.

71
00:05:44,000 --> 00:05:47,630
But it's not something we can rely on for long term solutions.

72
00:05:47,930 --> 00:05:50,360
But yeah, you can see that it is actually working fine there.

73
00:05:50,360 --> 00:05:51,200
Any problem, guys?

74
00:05:51,200 --> 00:05:55,130
I mean, these things are working as expected for us.

75
00:05:55,280 --> 00:06:01,520
And this is pretty cool to see that all these operations that we are doing from the UI control using

76
00:06:01,520 --> 00:06:03,500
the recorded playback itself is working fine.

77
00:06:03,740 --> 00:06:09,860
And this helps us to identify or understand how we can actually work with these controls, which is

78
00:06:09,860 --> 00:06:10,300
pretty cool.