以自然语言的方式使用 Playwright MCP 进行浏览器自动化操作

node -v

v24.11.0

{
  "servers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

请使用 Playwright MCP 在浏览器打开网址 leileiluoluo.com，然后像真实用户一样翻阅该站点各个主要的页面，然后简述一下该网站的功能，并尝试找出站长的联系方式以及其友情链接的站点名字和网址。完成后，请关闭浏览器。

from unittest import TestCase
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.select import Select


class TestSeleniumForm(TestCase):
    def setUp(self) -> None:
        # 无痕模式的 Chrome
        options = webdriver.ChromeOptions()
        options.add_argument('--incognito')

        self.browser = webdriver.Chrome(options=options)
        self.addCleanup(self.browser.quit)

    def test_web_form(self) -> None:
        # 打开表单页面
        self.browser.get('https://www.selenium.dev/selenium/web/web-form.html')
        self.assertEqual(self.browser.title, 'Web form')

        # Text 输入
        text_input = self.browser.find_element(By.ID, 'my-text-id')
        text_input.send_keys('Selenium')

        # Password 输入
        password = self.browser.find_element(By.NAME, 'my-password')
        password.send_keys('Selenium')

        # Dropdown 选择 Two
        dropdown = Select(self.browser.find_element(By.NAME, 'my-select'))
        dropdown.select_by_value('2')

        # 选择文件
        file_input = self.browser.find_element(By.CSS_SELECTOR, 'input[name="my-file"]')
        file_input.send_keys('/tmp/file.txt')

        # 日期选择
        date_input = self.browser.find_element(By.XPATH, '//input[@name="my-date"]')
        date_input.send_keys('04/21/2023')

        # 点击 Submit 按钮
        submit_button = self.browser.find_element(By.XPATH, '//button[@type="submit"]')
        submit_button.click()

        # 等待进入已提交页面
        WebDriverWait(self.browser, 10).until(EC.title_is('Web form - target page'))

        # 断言
        message = self.browser.find_element(By.ID, 'message').text
        self.assertEqual(message, 'Received!')

# 如下是使用 Playwright MCP 测试 Web Form 的测试用例

该测试用例包含用例描述、测试步骤和报告生成三部分。请仔细阅读前两部分来分别了解该用例的测试场景、具体的测试步骤。最后在当前文件夹生成一个测试报告，报告要包含的内容请参阅第三部分 —— 报告生成。

## 1 用例描述

这是一个测试 Web Form 的场景，用于验证 Web Form 的各个组件是否能够正常使用。您需要在浏览器打开如下 WebForm 地址，然后根据第二步提供的测试步骤进行详细测试和验证。

- WebForm 地址

https://www.selenium.dev/selenium/web/web-form.html

## 2 测试步骤

具体的测试步骤如下：

1. 打开 WebForm 地址后，验证网页的标题为「Web form」；
2. 在 Text input 输入框输入「Playwright MCP Test」；
3. 在 Password 输入框输入「Playwright」；
4. 在 Dropdown (select) 输入框选择「Two」；
5. 在 File input 输入框，点击选择文件，并选定当前工程根目录下的文件 `file.txt`；
6. 在 Date picker 输入框，输入当前日期「11/03/2025」；
7. 点击 Submit 按钮，确认页面返回「Form submitted」后关闭浏览器。

## 3 报告生成

您需要在当前文件夹下生成一个测试报告，文件名为 `webform-test-result.md`，格式为 Markdown。需要详细记录每个步骤的测试结果，展示对应步骤成功还是失败，失败的话，要给出失败的原因。若每个测试步骤均执行成功，请将最后一步「Form submitted」返回后的页面进行截屏并附加到测试报告中。