DevTools 记录器 - 步骤或导入记录数组的属性标题

Question

google-chrome-devtools提供了记录器功能。这会记录记录器运行时在浏览器中执行的每个操作（单击、更改等）。这些操作可以导出为 json 文件。 json格式也可以导入。

{
    "title": "User orders coffe recording",
    "steps": [
        {
            "type": "setViewport",
            "width": 1280, "height": 1080, "deviceScaleFactor": 1,
            "isMobile": false, "hasTouch": false, "isLandscape": false
        },
        {
            "type": "click",
            "target": "main",
            "selectors": [ .... ],
            "offsetY": 18.0, "offsetX": 9.00
        },
        {
            "type": "change",
            "value": "P",
            "selectors": [ ... ]
            "target": "main"
        },
        {
            "type": "click",
            "target": "main",
            "selectors": [ .... ],
            "offsetY": 18.0, "offsetX": 9.00
        }
    ]
}

如何为每个步骤添加标题？

根据我对文档的理解配置步骤录音可以有标题

"title": "User creates todos"

但无法为

"title": "User clicks add to cart button"

 内的步骤添加 

"steps": [{step_1}, {step_2}, {step_3} ]

在这个编写的示例中，每个步骤都有一个标题。

• 第一个

  title

  TodoMVC_Create_Todos
• 不支持

  title

  内步骤的

  steps: [...]

  。

{
    "title": "TodoMVC_Create_Todos",
    "steps": [
        {
            "type": "setViewport",
            "width": 1280,
            "height": 1080,
            "deviceScaleFactor": 1,
            "isMobile": false,
            "hasTouch": false,
            "isLandscape": false
        },
        {
            "type": "navigate",
            "title": "Open Todo page",
            "url": "https://demo.playwright.dev/todomvc/#/"
        },
        {
            "type": "click",
            "title": "Focus Todo Input element",
            "target": "main",
            "selectors": [ ],
        },
        {
            "type": "change",
            "title": "Start typing first Todo",
            "value": "S",
            "selectors": [ ],
            "target": "main"
        }
    ]
}

我为步骤添加标题的测试结果如下：

• 可以容忍步骤的标题
• 但步骤标题未显示在录音机用户界面中

我还尝试将两个记录导出合并到单个文件中的数组中

[
  {
    "title": "Create todos",
    "steps": [{}, {}, {}]
  },
  {
    "title": "Edit todos",
    "steps": [{}, {}, {}]
  }
]

但是不支持这个。

在反馈页面搜索

搜索用户反馈错误报告。 DevTools Record Replay for

title

or

array

or

import

没有找到任何与我的问题相关的评论。

问题

• 有没有一个选项可以为里面的每个步骤添加“标题”

  steps:[]

  ？
• 或者如何从同一个文件导入两个录音？

Answer 1

目前无法在一个文件中包含两个录音或为步骤定义标题。