小编J.L*_*ong的帖子

Cypress - 测试提交无效输入时是否存在特定于浏览器的警报

我正在尝试测试无效输入是否会警告用户。该输入的 html“类型”是“电子邮件”,因此浏览器实际上显示此气泡,而不是我们在网站上公开的元素。

浏览器特定警报

据我所知,这个有问题的气泡是特定于浏览器的,并且据我所知它不会出现在 DOM 中。另外,我无法在其上使用“选择元素”光标工具,它会忽略该气泡,就好像它不存在一样。如果有帮助,它是由输入表单触发的浏览器特定事件。

有没有办法使用赛普拉斯断言来确认此警报是否存在?

javascript user-input e2e-testing cypress e2e

4
推荐指数
1
解决办法
1477
查看次数

如何存储图像的 src 并将其与 Cypress 中的另一个图像进行比较?

测试目标是确认如果用户上传新图片,上传图片的 'src' 属性会发生变化,这意味着图片已更改。

我尝试使用几种方法,概述如下。

第一种方法

cy.get('.img').then($img => {
      //store the src

      const source = $('img').attr('src');

      /**
       * File drop 2mb jpg
       */
      cy.fixture(Cypress.env("JPG_2MB_ASSET"), "base64").then(fileContent => {
        cy.get(".dropzone").upload(
          {
            fileContent,
            fileName: "sampleimage.jpg",
            mimeType: "image/jpeg"
          },
          { subjectType: "drag-n-drop" }
        );
      });
      cy.wait(16000);

      cy.get('img')
        .attr('src')
        .should($src2 => {
          expect($src2).not.to.eq(source);
        });
Run Code Online (Sandbox Code Playgroud)

第二种方法

      //store the src

      const source = $img.attr('src')

      /**
       * File drop 2mb jpg
       */
      cy.fixture(Cypress.env("JPG_2MB"), "base64").then(fileContent => {
        cy.get(".dropzone").upload(
          {
            fileContent,
            fileName: "sampleimage.jpg",
            mimeType: "image/jpeg"
          },
          { subjectType: "drag-n-drop" }
        ); …
Run Code Online (Sandbox Code Playgroud)

javascript e2e-testing cypress

2
推荐指数
1
解决办法
2447
查看次数

标签 统计

cypress ×2

e2e-testing ×2

javascript ×2

e2e ×1

user-input ×1