且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

SAP 电商云 Spartacus UI added-to-cart 的端到端测试源代码解析

更新时间:2021-09-26 03:13:34

源代码地址:projects\storefrontapp-e2e-cypress\cypress\integration\regression\added-to-cart-modal.e2e-spec.ts

const productId = '3595723';
const productId2 = '4812254';
const productName2 = '500D + 18-55mm IS + EF-S 55-250 IS';

describe('Added to cart modal', () => {
  viewportContext(['desktop', 'mobile'], () => {
    before(() => {
      cy.window().then((win) => {
        win.sessionStorage.clear();
      });
      cy.visit(`/product/${productId}`);
    });

我们模拟 desktop 和 mobile 两种平台上测试。

每次测试开始前,调用 win.sessionStorage.clear() 清除 session storage,然后分别打开产品 3595723 和 4812254 的明细页面。

访问 product id

SAP 电商云 Spartacus UI added-to-cart 的端到端测试源代码解析

调用 cy.intercept 拦截读取 product stock 的请求,重命名为 gerProductStock. 待其执行完毕后,从 HTTP 响应里,读取 stock 字段的内容。SAP 电商云 Spartacus UI added-to-cart 的端到端测试源代码解析SAP 电商云 Spartacus UI added-to-cart 的端到端测试源代码解析