init

.gitignore

+*.html
+.pytest_cache
+*/__pycache__/*
\ No newline at end of file

assets/style.css

+body {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  /* do not increase min-width as some may use split screens */
+  min-width: 800px;
+  color: #999;
+}
+
+h1 {
+  font-size: 24px;
+  color: black;
+}
+
+h2 {
+  font-size: 16px;
+  color: black;
+}
+
+p {
+  color: black;
+}
+
+a {
+  color: #999;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+/******************************
+ * SUMMARY INFORMATION
+ ******************************/
+#environment td {
+  padding: 5px;
+  border: 1px solid #e6e6e6;
+  vertical-align: top;
+}
+#environment tr:nth-child(odd) {
+  background-color: #f6f6f6;
+}
+#environment ul {
+  margin: 0;
+  padding: 0 20px;
+}
+
+/******************************
+ * TEST RESULT COLORS
+ ******************************/
+span.passed,
+.passed .col-result {
+  color: green;
+}
+
+span.skipped,
+span.xfailed,
+span.rerun,
+.skipped .col-result,
+.xfailed .col-result,
+.rerun .col-result {
+  color: orange;
+}
+
+span.error,
+span.failed,
+span.xpassed,
+.error .col-result,
+.failed .col-result,
+.xpassed .col-result {
+  color: red;
+}
+
+.col-links__extra {
+  margin-right: 3px;
+}
+
+/******************************
+ * RESULTS TABLE
+ *
+ * 1. Table Layout
+ * 2. Extra
+ * 3. Sorting items
+ *
+ ******************************/
+/*------------------
+ * 1. Table Layout
+ *------------------*/
+#results-table {
+  border: 1px solid #e6e6e6;
+  color: #999;
+  font-size: 12px;
+  width: 100%;
+}
+#results-table th,
+#results-table td {
+  padding: 5px;
+  border: 1px solid #e6e6e6;
+  text-align: left;
+}
+#results-table th {
+  font-weight: bold;
+}
+
+/*------------------
+ * 2. Extra
+ *------------------*/
+.logwrapper {
+  max-height: 230px;
+  overflow-y: scroll;
+  background-color: #e6e6e6;
+}
+.logwrapper.expanded {
+  max-height: none;
+}
+.logwrapper.expanded .logexpander:after {
+  content: "collapse [-]";
+}
+.logwrapper .logexpander {
+  z-index: 1;
+  position: sticky;
+  top: 10px;
+  width: max-content;
+  border: 1px solid;
+  border-radius: 3px;
+  padding: 5px 7px;
+  margin: 10px 0 10px calc(100% - 80px);
+  cursor: pointer;
+  background-color: #e6e6e6;
+}
+.logwrapper .logexpander:after {
+  content: "expand [+]";
+}
+.logwrapper .logexpander:hover {
+  color: #000;
+  border-color: #000;
+}
+.logwrapper .log {
+  min-height: 40px;
+  position: relative;
+  top: -50px;
+  height: calc(100% + 50px);
+  border: 1px solid #e6e6e6;
+  color: black;
+  display: block;
+  font-family: "Courier New", Courier, monospace;
+  padding: 5px;
+  padding-right: 80px;
+  white-space: pre-wrap;
+}
+
+div.media {
+  border: 1px solid #e6e6e6;
+  float: right;
+  height: 240px;
+  margin: 0 5px;
+  overflow: hidden;
+  width: 320px;
+}
+
+.media-container {
+  display: grid;
+  grid-template-columns: 25px auto 25px;
+  align-items: center;
+  flex: 1 1;
+  overflow: hidden;
+  height: 200px;
+}
+
+.media-container--fullscreen {
+  grid-template-columns: 0px auto 0px;
+}
+
+.media-container__nav--right,
+.media-container__nav--left {
+  text-align: center;
+  cursor: pointer;
+}
+
+.media-container__viewport {
+  cursor: pointer;
+  text-align: center;
+  height: inherit;
+}
+.media-container__viewport img,
+.media-container__viewport video {
+  object-fit: cover;
+  width: 100%;
+  max-height: 100%;
+}
+
+.media__name,
+.media__counter {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  flex: 0 0 25px;
+  align-items: center;
+}
+
+.collapsible td:not(.col-links) {
+  cursor: pointer;
+}
+.collapsible td:not(.col-links):hover::after {
+  color: #bbb;
+  font-style: italic;
+  cursor: pointer;
+}
+
+.col-result {
+  width: 130px;
+}
+.col-result:hover::after {
+  content: " (hide details)";
+}
+
+.col-result.collapsed:hover::after {
+  content: " (show details)";
+}
+
+#environment-header h2:hover::after {
+  content: " (hide details)";
+  color: #bbb;
+  font-style: italic;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+#environment-header.collapsed h2:hover::after {
+  content: " (show details)";
+  color: #bbb;
+  font-style: italic;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+/*------------------
+ * 3. Sorting items
+ *------------------*/
+.sortable {
+  cursor: pointer;
+}
+.sortable.desc:after {
+  content: " ";
+  position: relative;
+  left: 5px;
+  bottom: -12.5px;
+  border: 10px solid #4caf50;
+  border-bottom: 0;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.sortable.asc:after {
+  content: " ";
+  position: relative;
+  left: 5px;
+  bottom: 12.5px;
+  border: 10px solid #4caf50;
+  border-top: 0;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+
+.hidden, .summary__reload__button.hidden {
+  display: none;
+}
+
+.summary__data {
+  flex: 0 0 550px;
+}
+.summary__reload {
+  flex: 1 1;
+  display: flex;
+  justify-content: center;
+}
+.summary__reload__button {
+  flex: 0 0 300px;
+  display: flex;
+  color: white;
+  font-weight: bold;
+  background-color: #4caf50;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+}
+.summary__reload__button:hover {
+  background-color: #46a049;
+}
+.summary__spacer {
+  flex: 0 0 550px;
+}
+
+.controls {
+  display: flex;
+  justify-content: space-between;
+}
+
+.filters,
+.collapse {
+  display: flex;
+  align-items: center;
+}
+.filters button,
+.collapse button {
+  color: #999;
+  border: none;
+  background: none;
+  cursor: pointer;
+  text-decoration: underline;
+}
+.filters button:hover,
+.collapse button:hover {
+  color: #ccc;
+}
+
+.filter__label {
+  margin-right: 10px;
+}

config.json

+{
+  "name": "config",
+  "version": "1.0.0",
+  "description": "",
+  "host": "http://bdlicai.cofool.com",
+  "qa_uri": "/ask/qa_4295896.html",
+  "env": "dev"
+}
\ No newline at end of file

readme.md

+## 概述
+playwright 支持Python, nodejs
+
+https://playwright.nodejs.cn/docs/api/class-playwright
+https://playwright.net.cn/python/docs/intro#updating-playwright
+
+本项目使用Python
+https://playwright.net.cn/python/docs/intro#updating-playwright
+
+## 安装
+```bash
+#安装 Pytest 插件
+pip install playwright
+#安装所需的浏览器
+playwright install
+```
+
+## 开发
+https://playwright.net.cn/python/docs/api/class-locatorassertions
+
+## 运行和调试
+```bash
+# 运行
+pytest --html=report.html
+
+# 调试
+PWDEBUG=1 pytest -s
+```
+

tests/qa/test_qa_base.py

+import re
+from playwright.sync_api import Page, expect
+# from ..util.ConfigReader import ConfigReader
+
+# config_reader = ConfigReader()
+
+# qa_url = config_reader.get_config('host') + config_reader.get_config('qa_uri')
+
+def test_has_title(page: Page):
+    # 
+    page.goto("http://bdlicai.cofool.com/ask/qa_4295896.html")
+
+    # Expect a title "to contain" a substring.
+    # expect(page).to_have_title(re.compile("叩富"))
+    expect(page.locator('body > div.answer-cont.marginT30 > div.answer-cont-left > div.detail-question-top.box-shadow > div.detail-ask-btn > a.answer-entrance')).to_be_attached()
+
+# def test_get_started_link(page: Page):
+#     page.goto("https://playwright.net.cn/")
+
+#     # Click the get started link.
+#     page.get_by_role("link", name="Get started").click()
+
+#     # Expects page to have a heading with the name of Installation.
+#     expect(page.get_by_role("heading", name="Installation")).to_be_visible()
\ No newline at end of file

util/ConfigReader.py

+import json
+
+class ConfigReader:
+    """
+    配置文件读取工具类，用于读取config.json里的内容
+    """
+    def __init__(self, file_path='config.json'):
+        self.file_path = file_path
+        self.config = self.read_config()
+
+    def read_config(self):
+        """
+        读取配置文件的方法
+        :return: 配置文件中的数据，如果读取失败返回空字典
+        """
+        try:
+            with open(self.file_path, 'r', encoding='utf-8') as file:
+                return json.load(file)
+        except FileNotFoundError:
+            print(f"未找到配置文件: {self.file_path}")
+            return {}
+        except json.JSONDecodeError:
+            print(f"解析配置文件 {self.file_path} 时出错，请检查文件格式是否正确。")
+            return {}
+    
+    def get_config(self, key, default=None):
+        """
+        返回配置文件中指定键的配置值。
+
+        :param key: 要查找的配置项的键
+        :param default: 如果键不存在时返回的默认值，默认为None
+        :return: 配置项的值，如果键不存在则返回默认值
+        """
+        return self.config.get(key, default)
+