What will you learn in this course?
Are you struggling with working with HTML using Selenium WebDriver? Do you know how to easily identify and manipulate an element using Selenium WebDriver? How about performing a drag n’ drop on an element? If not, then these are just a few of the questions that will be answered in this course.
This course is a complete guide on working with web elements in Selenium WebDriver! Once you are finished with this course, you will know how to work with any web elements, anytime, on any web application.
In this course from Ultimate QA, you will learn:
– Basics of HTML
– All the different locator strategies for Selenium WebDriver
– How to identify web elements using Selenium WebDriver
– Master XPath
– Navigation with Selenium WebDriver
– Web element manipulation
– Web element interrogation
– Mouse and keyboard actions with Selenium WebDriver
– Performing actions such as drag n’ drop, drawing, hovering
– Implicit and Explicit waits
– How to properly handle element identification so that your tests are not flaky
– Expected Conditions in Selenium WebDriver
What will you learn in this lecture?
In this video, we will go through the introduction of HTML tags of the Elements Identification course.
Selenium Tutorial – Introduction to HTML Tags
One other place that I want to turn your attention to is this website here. QTP tutorial dot net slash automation dash practice. This page is going to become your best friend for learning automated software testing with what ever tool. It’s still a baby and it’s still growing but we are constantly adding new elements to this page to make it amazing for you guys so that you can actually practice multiple types of different automation testing techniques on different Web elements.
So for example you can practice identification using HCM properties. You can practice simple controls. There’s different advanced controls. There are scenarios there’s ex-pat help there’s identifying non-unique objects playing videos and we’re going to continue to add more and more to this over time. So it’s going to become an extensive library that you’re going to be able to use to practice your automated software testing. So come here enjoy it’s all free. Just come to this link and access it and do what you want.
So why I brought this page up is because we need to talk about HTML a little bit. Yes I know that we’re not developers but we are automation engineers and we need a little bit of knowledge just about HDMI to understand that. And so that we can do our jobs better. So HTL now May and many of you may know many of you may not.
Is what holds the contents of this web page in fact that holds the contents of all the web pages and you guys can see when I press F 12 of my Chrome Web driver tools I get this thing here and inside of that I can see the entire HCM document. This is just a simple file and inside of that live all of our elements right. As you guys can see as I hover over each of these Alamance we get different stuff highlighted in the page.
Scripts aren’t going to do anything. Images. And so this is what represents the web page when it gets rendered by the engine. It displays this because it reads this tax just like with C-sharp. We write code and then when the compiler executes that code it knows what to do because it understands that code. And so that’s HVM now we don’t really need to dig in any deeper but we do need to look at a few things about HCM owl. So HDMI now has what we call tags and these tags they enclose some content and tags they usually come in pairs. There’s a start tag and then and tag.
The only difference between the star tag and the end tag is this line right here. But you can see that it’s the exact same string. And then with a forward slash that solves that that is the end tag. So let’s take a look at our Web site for that example. I actually brought the same site here and Firefox just because it’s a little bit more user friendly with firebug here. And then when pressing after Albert opens developer tools and that gives me access to Firebag and then I can do cool things like this like select which element I want to work with.
So for example if I click on this one in the HTLML all this stuff leads to this element which is highlighted. And you can see when I highlight over it in the HDMI owl It also highlights in the web page. OK. And so you guys can see here input is the tag and it’s closed by another input tag but you can see here if in shorthand You can also do this. So it opens with this carrot and closes with a forward slash carrot for the form for example you can see that’s another tag form as the tags Start Tag. And then this is the end tag. And so inside of this form we have an element. We also have many divs right. You can see if I hover over this div in yellow we have some stars that live inside of this div and that is the content. So this they have this form this inport. These are all called the tags.