PlayWright（十二）- PO模式

from playwright.sync_api import sync_playwright

with sync_playwright() as playwright:  # 省略了start启动
    browser = playwright.chromium.launch(headless=False, slow_mo=1000)  # 设置了每步等待时间为3s
    page = browser.new_page()  # 打开一个页面

    page.goto('https://www.baidu.com/')  # 打开百度地址
    page.fill('#kw', 'test')             # 搜索框输入内容
    page.click('#su')                    # 点击搜索
    browser.close()  # 省略了关闭playwright对象

"""
封装百度搜索框元素
"""

input_element = '#kw'  # 输入框元素
click_element = '#su'  # 点击搜索元素

"""
 前置后置操作:初始化操作
"""

from playwright.sync_api import sync_playwright


class SetupTeardown:
    """
      启动浏览器
    """

    def __init__(self):
        self.p = sync_playwright().start()  # 创建playwright对象
        self.browser = self.p.chromium.launch(headless=False, slow_mo=1000)  # 启动谷歌浏览器赋值给对象
        self.page = self.browser.new_page()  # 打开一个页面

    """
      关闭浏览器
    """

    def close(self):
        self.browser.close()  # 关闭浏览器对象
        self.p.stop()  # 关闭playwright对象释放资源

    """
      截图操作保存到result_image目录下
    """

    def screenshot(self, element, file_name):
        self.page.locator(element).screenshot(path=f"../result_image/{file_name}.png")

"""
封装搜索页：初始化定位元素、重写输入操作、点击操作，截图操作
"""
from tools.conftest import SetupTeardown


class SearchPage(SetupTeardown):
    """
    封装定位元素
    """

    def __init__(self):
        super().__init__()  # 调用基础页面的构造函数，完成浏览器启动和页面打开

    """
    去往搜索页
    """

    def navigate(self):
        self.page.goto('https://www.baidu.com/')

    """
    输入操作
    """

    def input_element(self, element, keyword):
        self.page.fill(element, keyword)

    """
    点击操作
    """

    def click_element(self, element):
        self.page.click(element)

    """
    截图搜索结果页
    """

"""
搜索页的测试用例
"""

from element.search_element import *  # 导入搜索页的所有定位元素
from page.search_page import SearchPage  # 导入搜索页对象

search_page = SearchPage()  # 初始化搜索页对象
search_page.navigate()  # 去往搜索页
search_page.input_element(input_search_element, 'playwright')  # 搜索框输入内容
search_page.click_element(click_search_element)  # 点击搜索
search_page.screenshot('result_search_page')  # 截图保存
search_page.close()  # 关闭浏览器