Web automation testing framework realizes the operation of web elements through JS

selenium Embed the web page we want to automate into his own web page , Then through the script language (js) To perform automated operations

Improve the efficiency and stability of our automated use case execution

1. Time calendar Pendant ,js You can get a lot of objects provided by the browser , It provides rich operation methods of page elements , To operate
2. Upload files

selenium Difficult operations

1. Some hidden buttons , adopt js Change element properties , Show hide button
2. Scroll bar
3. Front end limit input

js Simple operation

Use driver.execute_script('js Script ') To automate driver.execute_script yes selenium It's a method that comes with it

js object

Browser object ( In developer tools console Input in , Internal width and height ： It means removing the menu bar 、 The toolbar 、 After occupation elements such as border , Clear width and height used to display web pages )

window

1. window.innerHeight Get the height in the browser
2. window.innerWidth Get the inside width of the browser
3. window.outerHeight Get browser height
4. window.outerWidth Get the width of the browser
5. window.open("https://www.baidu.com") Open a new URL

location： Represents the... Of the current page url Information ( A complete url)

1. location.href Get the url value
2. location.assign("https://www.baidu.com") Load a new url
3. location.reload() Reload the current page

document： Object represents the current page . hesitate HTML In the browser DOM In the form of tree structure ,document The object is the whole DOM Root node of tree

1. The longest used search is based on ID and Tag Name
2. click() Method operation element
3. value Attribute assignment realizes keyword input
4. readOnly
5. textContent Get the text value
6. Get element attribute value , Change the attribute value directly

js Application in Automation

Scroll bar ( Because if the page is not fully displayed ,element If it can only be displayed after the drop-down , You can only scroll to this element first click, Otherwise, we can't click)

1. window.scrollTo(0,document.body.scrollHeight)
2. window.scrollBy(0,document.body.scrollHeight)
3. scrollTo：0 Represents the name of the document to be displayed in the upper left corner of the document display area of the window x coordinate ,document.body.scrollHeight Of the document to be displayed in the upper left corner of the document display area of the window y coordinate
4. scrollBy：0 Indicates the number of pixels to scroll the document to the right ,document.body.scrollHeight Number of pixels to scroll the document down

Expand

1. Non page type scroll bar ：scrollTop Method
2. Scroll to the specified element ：scrollIntoView
3. innerHTML
4. querySelector
5. js obtain cookie