Learn about Selenium WebDriver to create cross-browser tests, explore 170+ recipes, and discover techniques for automating user interactions efficiently across various browsers. Gain valuable automation skills.

tarballFinal.tar.gz

ch2_les2

ch2_les3

ch3_les2

ch3_les3

ch3_les4

ch4_1

ch4_3

ch4_4

ch5_1

ch5_2

ch6_2

ch6_1

7_uncheck

7_icheck

10-1

10-2

11-1

11-2

12-1

12-2

12-3

13-1

13_jPop

13_modal_dialog

14_print_text

14_screenshot

15_alphabetic

15_alphanumeric

15_misc

15_numeric

16_authentication

16_browser_profiles

16_download

17_keyboard

17_mouse

18_angular

18_canvas

18_email_time

18_ember

18_geolocation

18_js_event

dec24_ch16-1

18_select2

7_check

ch_19

ch_20-1

ch_20-2

ch_20-3

ch_21-1-1

ch_21-1-2

ch_21-1-3

ch_21-2

ch_22-1

ch_22-2

ch_23

headless

19-Htmleditors

7-uncheck2

7-check

7-custom-check

9-browser

9-navigation

9-browser_advance

11-frame

11-iframe

13-fileUpload

13-jPop

13-modal_dialog

17-keyboard

17-mouse

Selenium WebDriver is a powerful web framework that allows you to execute cross-browser tests. By learning this tool, you can create robust, browser-based regression automation suites and tests, all while scaling and distributing scripts across many different environments.

This is a recipe course, meaning you can directly go to the part that interests you. For example, if you are testing a multiple select list and don’t know how, you can look it up in the course roadmap and proceed with that lesson.

With over 170 recipes for web application testing, you’ll have the opportunity to learn and practice both beginning and advanced techniques with Selenium WebDriver. By the time you complete this course, you will have a great new skill, and you’ll save tons of time when it comes to automating real user interactions in Firefox, Safari, Edge, Chrome, Internet Explorer and more!

Selenium WebDriver Recipes in Node.js


# Click a button by ID

As always, the best way to identify a button is by using IDs. 
~~~
driver.findElement(By.id("choose_selenium_btn")).click();
~~~
This applies to all the controls if their IDs are present.
 
> *For testers who are working alongside the programmers, the best option is to ask programmers to add IDs. This is better than spending hours and hours finding a way to identify the web control. It requires very little effort from programmers to add the IDs.*

# Click a button by Name

For an input button, we can use a generic attribute `name` to locate a control as:

~~~
driver.findElement(By.name("submit_action")).click();
~~~

# Click a button by Image 

Another type of button is the image button. This is basically an image that works exactly like a submit button in a form.
![](/api/collection/10370001/6497270816571392/page/5561923026812928/image/6117163803344896)

~~~
<input type="image" src="images/button_go.jpg"/>
~~~

Beside using IDs, the button can also be identified by using `src` **attribute** as well.

~~~
driver.findElement(By.xpath("//input[contains(@src, 'button_go.jpg')]")).click();
~~~

# Click a button via JavaScript

We can also invoke a button click via JavaScript. This comes in handy when normal approaches fail to click a button reliably in the browser. 

~~~
the_btn = driver.findElement(By.id("searchBtn"));
driver.executeScript("arguments[0].click();", the_btn);
~~~

In addition to this, JavaScript can also be used to control the state of a button. For example, the below script will disable the `searchBtn`. 

~~~
driver.executeScript("arguments[0].disabled = true;", the_btn);
~~~


Learn how to find and click web buttons using locators through Selenium.

Clicking a Button By ID, Name, Image, and Javascript

Getting Started

Working with Locators

Working with Hyperlinks

Working with Buttons

Working with Text Fields and Areas

Working with Radio Buttons and Radio Groups

Working with Checkboxes

Working with Select Lists

Page Navigations and Browser Management

Assertions

Working with Frames

Working with AJAX

Working with File Uploads and Pop-Up Dialogs

Debugging Test Scripts

Testing Data

Working with Browser Profiles and Capabilities

Working with Advanced User Interactions

Working with HTML5 and Dynamic Websites

“What You See Is What You Get” HTML Editors

Leverage Programming

Optimizations

Gotchas

Appendix A: Miscellaneous

Appendix B: Installations

Wrapping Things Up

Clicking a Button By ID, Name, Image, and Javascript

Click a button by ID