最强自动化测试框架Playwright（18）- 执行js脚本

page.evaluate（） API 可以在网页上下文中运行 JavaScript 函数，并将结果带回 Playwright 环境。

href = page.evaluate('() => document.location.href')

 如果结果是 Promise 或函数是异步的，则计算将自动等待，直到解析：

status = page.evaluate("""async () => {
  response = await fetch(location.href)
  return response.status
}""")

 page.evaluate()方法接收一个参数，这个参数可以can be a mix of Serializable values and JSHandle or ElementHandle instances

# A primitive value.
page.evaluate('num => num', 42)# An array.
page.evaluate('array => array.length', [1, 2, 3])# An object.
page.evaluate('object => object.foo', { 'foo': 'bar' })# A single handle.
button = page.evaluate('window.button')
page.evaluate('button => button.textContent', button)# Alternative notation using elementHandle.evaluate.
button.evaluate('(button, from) => button.textContent.substring(from)', 5)# Object with multiple handles.
button1 = page.evaluate('window.button1')
button2 = page.evaluate('.button2')
page.evaluate("""o => o.button1.textContent + o.button2.textContent""",{ 'button1': button1, 'button2': button2 })# Object destructuring works. Note that property names must match
# between the destructured object and the argument.
# Also note the required parenthesis.
page.evaluate("""({ button1, button2 }) => button1.textContent + button2.textContent""",{ 'button1': button1, 'button2': button2 })# Array works as well. Arbitrary names can be used for destructuring.
# Note the required parenthesis.
page.evaluate("""([b1, b2]) => b1.textContent + b2.textContent""",[button1, button2])# Any non-cyclic mix of serializables and handles works.
page.evaluate("""x => x.button1.textContent + x.list[0].textContent + String(x.foo)""",{ 'button1': button1, 'list': [button2], 'foo': None })