javascript - 如何在柏树中模拟图像响应

Question

我的问题
我正在尝试模拟来自服务器的响应，其中包含带有 cy.intercept 的图像。但是，浏览器 不会显示 我的 mock 形象。浏览器无法将我的响应解释为 <img> 的正确图像标签。

我仍然可以在调试工具中复制响应，它似乎是我需要的图像，但可能以错误的方式编码。
我的方法

    cy.readFile('src/assets/logo.png', 'binary').then((imgContent) => {
      cy.intercept('/uploads/test.png', {
        headers: { 'Content-Type': 'image/jpg' },
        body: imgContent,
      })
    });

我也尝试过像这样返回 base64 图像字符串:

    cy.intercept(
      '/uploads/test.png',
      {
        headers: {"Content-Type": "image/jpg"},
        body:
      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAARCUlEQVR4Xu1deXQURRr...

但它也没有奏效。

Answer 1

这似乎是 fixture 的工作。

cy.intercept("/uploads/test.png", { fixture: "logo.png" })

默认情况下，您会将 logo.png文件到 cypress/fixtures目录但是你可以 configure it to use another location