What will you learn in this lecture?

In the previous video, we learned the updates to the framework project of this Selenium webdriver elements identification course. In this video, we’ll have the introduction to HTML tags.

 Introduction to HTML Tags

One other plays that I want to turn your attention to is this website here, qtptutorial.net/automation-practice.

This page is going to become your best friend for learning automated software testing with whatever 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 HTML properties.

You can practice simple controls.

There’s different advanced controls. There are scenarios. There’s XPath help.

There’s identifying nine 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 HTML to understand it and so that we can do our jobs better.

So HTML many 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 F12 of my Chrome web driver tools, I get this thing here and inside of that I can see the entire HTML document.

This is just a simple file and inside of that lives all of our elements. Right. As you guys can see, as I hover over each of these elements, we get there stop highlighted in the page scripts aren’t going to do anything images.

And so this is what represents the webpage you want to get rendered by the engine. It displays this because it reads this text.

Just like with C# we write code and then when the compiler executed that code it knows what to do because it understands that code and so that’s HTML.

You don’t really need to dig in any deeper but we do need to look at a few things about HTML.

So HTML has what we call tags and the tags they enclose some content and tags they usually come in pairs. There’s a start tag and an end tag. The only difference between the start tag and the end tag is this line right here but you can see that it is the exact same string and then with a forward slash just tells it that it’s the end tag so let’s take a look at our website for that example.

I actually brought up the same side here and Firefox just because it’s a little bit more user-friendly with Firebug here and then when pressing F12, it opens developer tools and that gives me access to Firebug and then I can do cool things like this, like selecting which element I want to work with.

So for example, if I click on this one in the HTML, all this stuff leads to this element which is highlighted and you can see when I highlight over it in the HTML, it also highlights in the web page.

Okay and so you guys can see here input is the tag and it’s closed by another input tag but you can see here in short hand you can also do this so it opens with this caret and closes with a forward slash caret for the form.

For example, you can see that’s another tag form as the tag 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 stuff that lives inside of this day and that is the content so there’s div, this form, this input, these are all called the tags.

Next Tutorial

In the next tutorial, we will cover the introduction to HTML attributes.

What will you learn in this course?

Are you struggling with working with HTML using Selenium WebDriver? Do you know how to easily identify an element using Selenium WebDrriver? Do you know how to manipulate that web element? Do you know how to perform 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, any time, on any web application.

“Relevant content that I will be able to apply to my automation tests *immediately*, a VERY effective presentation approach (evolving the same example and comparing/contrasting), and an excellent teacher / presenter. Thank you so much for your time and sharing your knowledge Nikolay!.” 


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

Take This Entire Course for Free

Nikolay Advolodkin is a self-driven SDET on a lifelong mission to create profound change in the IT world and ultimately leave a legacy for his loved ones, community, and the world at large. Today, he serves as the CEO and Test Automation Instructor at UltimateQA.com and contributes informative articles to leading test automaton websites like SimpleProgrammer.com and TechBeacon.com

Pin It on Pinterest

Share This