Print Successor Text with airSlate SignNow

Print successor text

hey there welcome back this is part 10 of my webdiver IO tutorial series if you like to check out my previous videos in this series make sure to click on the link below in the description in this video we will learn the difference between find element versus find elements so in our video so far we have already been using find element command and that is till the double command here this one but we can also use find elements command that allows you to work through multiple elements most commonly used for lists so let's take a look at some of the examples here so using the dollar command we actually calls the find element command so this calls final element command but we also have something called double dollar which will actually call the find elements tomorrow so we can use this for this example so all we have to do is copy this paste it here and so now copy this get here remove this and then change this single dollar to double dollar and then about comment this out okay so when we will run this it will actually trigger the find elements commander but there is one caveat here that we cannot just directly run this because that this returns an array so we have to capture that array so in this scenario we only have single element that gets returned through this so I will just add zeroth element so this is the first index I get and return the value for that that's basically what we are saying so if I try to run this in this go to my configuration make sure its watches yep so let me run this px from the PRU so there you go our test run and it's successfully passed they took a while it took 12 second and that's because if you look at our watches chase we are doing we are refreshing after each test and then we are also going to the eBay site so I'm just gonna leave this for now as we don't need this anymore right now and then I'll go back here okay so this time if you run it again it will be much quicker anyways but if you notice it runs the test and it picked up the first index and then it works fine but if I let's say change this to 1 this won't really work because technically there is no element armed so we only getting the single element back so this would fail this fat-ass ran and as expected it fills it was trying to expect it to display something but instead it got received not displayed and that was because we were trying to find this two elements being returned here and we were trying to fetch the second element and in our scenario there was no second element so it failed but if I just change this to zero the lumen it would work fine but this is not the best scenario for us to use double dollar for obviously you want to use something where you're getting multiple elements returned in this scenario we just have single element so what I'm going to do is just remove this we went back to our original change which is final element now let's take a look at example we will get multiple elements being returned so let's head over to Chrome so what we're going to do is if you notice under a shop by category we have all this list items here which is jewelry and watches watches / accessory and all the other ones so let's say if your test scenario is you need to verify the text for all this list item well you can do that going one by one and then getting text that's possible but let's see if you don't want to do that instead you want to get all the list items and then verify the text so to do that we can use find elements for it but - before doing that what we need to do is select our element so we can do that by hovering over to this I'm going to click on this hover over here okay so this is our section and then we have an ID for this section and underneath that we have this unordered list then we have all this list items we have this first list item which is this jewelry and watches and then we have second one is the page we are on and then all the other ones okay so let's start to find our unique element so I'm gonna if you notice section has an ID so I will do section and then IT and pace that IT and it'll copy that okay so I'm going to select that again and then copy this ID is it here pause the racket just notice how I'm creating a selectors undoing section without any space brackets ID and double coats and then I'm pasting the ID so I have my unique note here what we need to do is go to argue all so I will do space you all and then find our list so I will do a lie so now we have all our six notes slatted which is all the six items here okay so what I'm going to do is copy this head over to vs code then we'll create our newsletter so missing litigator function I'll call this Watchers category list and then I will return our selector actually I need to wrap it up the first it is okay so this is how we are used to doing it so far but in this scenario we don't need an individual element we need multiple elements so it will add a dollar here this will return an array of elements basically a collection of elements so now we need to get text out of all these elements so to do that I'm going to create a new method here I will say get Watchers category list text shake I'm sure you can name this better but thanks for not fine and then here I'm gonna call the scatter function so I in order to call this since we are within the class I'm gonna have to do this dot watch category in list and then over here we cannot distract Li do get text this won't really work because get text we can only do it for an individual element here we are returning six elements though this is returning and collection of six elements so in order to access that we will have to look through all of the sixth element and then do get text on each of them so to do we will use any loop function I'm going to use map which works in JavaScript and then if you notice map takes a value so I'm going to give it an element and here what I'm going to do is just print it out so to console.log and then print the element dot get text so I'll do this and I will just return this entire function okay so basically what we are doing is we are calling our getter function and we are looping through it and one thing I made a mistake is and we don't have to invoke the function all you need to do is call this function and then look through it through each individual element and get the text out of it so this won't really directly work we have to call this function first so I can do that let's call it in our before function I'm going to do watches page that catch and then it will call it as a function so before our test will run this particular piece will run and then here what we're trying to do is console.log all our element text let's run this and see if it works quezada's past if I scroll up and to scroll up a bit more this venture fathoms here okay over here so if you notice we are printing out watches mix Lord watch successor YZ part tools and guide watches parts accessories basically everything that a were here we are printing it out in a test here so this is working but if you notice we are getting all of this other item too because of the way we have our configuration set up if I scroll down to cheats that see where it is logged level so we have different log level so we are doing for info but let's see if I just want to get maybe warning what's let's do that so if there's any wanting it will let us know but anything else it won't really give us additional information so this will really cut down all this junk information we have here I'm gonna run this quickly okay so this time we don't really see all of those other atoms but if you notice we are seeing all over text here so that's exactly what we needed so all this text we have it now what we're gonna do now is pass this text over to our spec file let's see how we can do that I'm going to come back to our watches page so at this moment we now have access to our text in order for us to return it since this is part of our since this is an array what we can do is create a new empty array here call it what is list or what you can even name it watch is category list you know what I'll go with this and then instead of printing this out we're just gonna push it into this watches list we can do that by saying watches list dot push and then we have a loom and get text yep but nothing else looks okay then we're just gonna return our watch list and stuff it only this one's gonna make that okay that's it so what we are doing is we created an empty array and then all the text that we were getting we are pushing that one by one to our watches list array so basically it will have a collection of all these items here and now since I am returning this my texts test here so this will return an array of all this item so this time instead of directly calling this I'm going to print this out a little console.log and let's print this it's artists fast all right so if you see the one thing is different here this time it's part of an array you see these two brackets before it was first rola see this is just print this versus printing out the text but now we have a collection of all this text element so this is great because now that we have access to this array we can look through this array and verify each of this text so let's try to do that so we have added this in our before block but ideally we want to create a new test for it so we can do that by just creating a new block and then let's name something should verify he watches list or watches category lists okay and then over here I'm just gonna copy this entire thing paste it here and get rid of this over here we can assign this to a variable and call this watches category this okay so all the value that will get returned which is that array will get stored in this variable now we need to create our session which will verify the text for each of this so how do we do that if you know by default we cannot use expect assertion as we don't really have any kind of assertion that will verify through all our array so this is where another one of the scenario where we will have to use try expect or chai assertion so what we can do is go to our charges foul copy this line and then over here I'm gonna just face this we don't need a cert so I'm going to remove this we just need arch I expect so inch I expect what I can do is I add our value which is watches category list these copy this so they have I think we have looked dot equal before so they also have something called out to deep equal what that does as well goes through each of your array value and verifies the tax to see if it's there so let's try to do that two deep equal and here we have to pass an r-value so I'm just gonna copy this and paste it here okay so that's our session what we're saying is using a try expect anything that we're getting returned out of this which is this array verify if it equal to this so let's run this and see if this works okay so as you can see our tests pass great so it should verify the watches category list this is working on that spec file is also working awesome so just to confirm that this expect is actually working what I'll do is just believe this first line from there and try to run it again this is just so from my own sanity to make sure that this expect is actually working okay so if you notice it filled perfect sit same you're expecting six values but instead we only got five awesome so there you go so that's pretty much how you would create your assertion here for this kind of list test so let's do a quick recap so we learn the difference between find element and find elements so we can use dollar for find element we can use double dollar for find elements and we looked at an example of how we can use find element in our test by extracting the text over here and then as a bonus we also added an assertion using chai to verify all our array values okay so in the next video we will look at how we can use timeouts in our test to wait for specific element and we'll also cover the difference between implicit and explicit weight as well as cover different weight commands all right guys if you enjoyed this video please give it a like and also make sure to subscribe to my channel to see more content like this that's it for this video folks I will see you in the next one