小编Luk*_*uke的帖子

问题：我尝试使用 上传图像.selectFile，但遇到错误，该图像已被隐藏，因此这是不可能的。

使用 Material UI 响应代码：

      <Button
        datacy="uploadImage"
        size={"medium"}
        disableRipple
        disableTouchRipple
        disableFocusRipple
        component="label"
        variant={"text"}
        sx={{ marginTop: { xs: 2, md: 0 }, p: 0, width: "fit-content" }}
      >
        <input
          type="file"
          onChange={(e) => onChange(e)}
          hidden
          accept="image/png, image/jpeg"
        />
        {hasProfilePicture ? "Change" : "Upload"}
      </Button>

HTML 组件：

<label role="button" datacy="uploadImage">
   <input type="file" accept="image/png, image/jpeg" hidden="">
   Change
</label>

失败的尝试：

1. cy.get('[datacy="uploadImage"] input').selectFile("cypress/fixtures/Headshot 2.jpg");

   4000ms 后超时重试：cy.selectFile() 失败，因为此元素不可见：此元素不可见，因为它具有 CSS 属性：display: none 修复此问题，或使用 {force: true} 禁用错误检查。

2. cy.get("input[type='file'] hidden").selectFile("cypress/fixtures/Headshot 2.jpg");

4000 毫秒后超时重试：期望找到元素：input[type='file'] 隐藏，但从未找到它。

问题：我可以编写什么 …

过去超过一周以上的两个纪元日期：

1. 1666324555879
2. 1666170554391

我已经用这个工具确定了他们的日期：https://www.epochconverter.com/

期望：在纪元日期后 48 小时内删除的项目，由其中包含 (TTL) 的字段确定。

结果：任何表中都没有项目被删除。

控制台记录：

期望的结果：我想编写一个单击每个“X”的测试。我想这样做，直到没有任何图像留下。

使用案例：

我每次都会重新加载图像列表，以确保回填最多 15 个图像。

1. 用户有18张图片
2. 在第一页我显示 15
3. 当用户删除 1 个图像时，我重新加载图像，因此第 1 页上再次有 15 个图像，而现在第 2 页上只有 2 个图像。

错误：

由于重新加载图像，导致.eachCypress 的功能中断并出现以下错误消息：

cy.click() 失败，因为该命令导致页面更新，但您尝试继续命令链。主题不再附加到 DOM，并且 Cypress 无法在 cy.click() 等命令之后重新查询页面。

赛普拉斯代码实施：

cy.get('[datacy="deleteImageIconX"]').each(($el) =>  cy.wrap($el).click());

我该怎么做才能成功运行满足我的用例的测试？