Why you should do it regularly:
https://github.com/browserslist/browserslist#browsers-data-updating
GET /v1/buckets/main/collections/cfr/changeset?_expected=1651612261201 200 532.990 ms - -
GET /v1/buckets/monitor/collections/changes/changeset?collection=whats-new-panel&bucket=main&_expected=0 200 553.418 ms - -
GET /__cypress/tests?p=cypress%5Cintegration%5C1-getting-started%5Ctodo.spec.js 200 1660.547 ms - -
GET /__cypress/tests?p=cypress%5Csupport%5Cindex.js 200 1685.197 ms - -
GET /__cypress/runner/fonts/fa-regular-400.woff2 200 2.331 ms - 13600
GET /v1/buckets/main/collections/whats-new-panel/changeset?_expected=1617030573137 200 545.862 ms - -
GET /__cypress/runner/fonts/mulish-latin-700-normal.woff2 200 1.540 ms - 31176
Error: read ECONNRESET
    at TCP.onStreamRead (node:internal/stream_base_commons:211:20)
 {
  errno: -4077,
  code: 'ECONNRESET',
  syscall: 'read'
}
Error: read ECONNRESET
    at TCP.onStreamRead (node:internal/stream_base_commons:211:20)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cypress-example-kitchensink@0.0.0-development cy:open: `cypress open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the cypress-example-kitchensink@0.0.0-development cy:open script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\xxxxxxxxxxxxxxxxxxxxxx

cy.stub

cy.spy

import { classesUtil } from "<path_to_util>";

describe("user can enroll", () => {
  it("ensure class is enrollable", () => {
     cy.spy(classesUtil, "injectCmsData");
     cy.visit("/page");
   })
});

cy.stub

cy.spy

wd-logs-arm

POST https://portal-dev.workdigital.de/api/v1/deposit

wait('@').then((req))

js
        const url = /(.*)\/deposit(?!(.))/;
        cy.intercept(url, (req) => {
            req.continue((res) => {
                if (forceSuccess) {
                    res.body.success = true;
                } else if (forceFailure) {
                    res.body.success = false;
                } else if (!res.body.success && shouldSucceed) {
                    expect(
                        res.body.success,
                        'It was not possible to change the the widget and it was expected that it would be possible'
                    ).to.be.true;
                }
                return res;
            });
        }).as(interceptName);

wd-logs-arm

/deposit

https://wd-logs-arm.apm.eu-central-1.aws.cloud.es.io/intake/v2/rum/events"

js
                        cy.wait('@deposit').then((req) => {
                            console.log(req);
                            depositWidget.submitValidator(req);
                            cy.isRequestValid(req);
                            depositWidget.valueOfTheWidgetShouldBe(
                                req.response.body.data.value
                            );
                        });

channelPage.ts

channelPage.spec.ts

elems

text

text

@badeball/cypress-cucumber-preprocessor

@cypress/webpack-preprocessor

cypress/plugin/index.ts

ts
import webpack from '@cypress/webpack-preprocessor'

export default (on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) => {
  on('file:preprocessor', webpack({
    webpackOptions: require('../webpack.config')(config),
  }))
}

js
module.exports = config => ({
  resolve: {
    extensions: ['.ts', '.js'],
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        exclude: [/node_modules/],
        use: [
          {
            loader: 'ts-loader',
            options: {
              transpileOnly: true,
            },
          },
        ],
      },
      {
        test: /\.feature$/,
        use: [
          {
            loader: '@badeball/cypress-cucumber-preprocessor/webpack',
            options: config,
          },
        ],
      },
    ],
  },
})

describe('Edit coupon bad alerts', () => {
  const affiliatesUrl = Cypress.env('api_url') + Cypress.env('get_affiliates')
  const affiliateCategoriesUrl = Cypress.env('api_url') + Cypress.env('coupon_affiliate_categories')
  const getCoupom = Cypress.env('api_url') + "/coupons/385162-2"

  beforeEach(() => {
    cy.clearCache()
    cy.setFirebaseCookies()
    cy.intercept('GET', affiliatesUrl, { fixture: 'affiliate/good.response.json' }).as('affiliates')
    cy.intercept('GET', affiliateCategoriesUrl, { fixture: 'affiliate-categories/good.response.json' }).as('affiliateCategories')
    cy.intercept('GET', getCoupom, { fixture: 'coupon/coupon.json' }).as('coupon');
    cy.visit('http://localhost:3000/cupons/385162-2')
    cy.wait(['@coupon', '@affiliateCategories', '@affiliates'])
  })

  it('Should show error alert when edit Coupon failed', () => {
    cy.intercept('PATCH', getCoupom, { statusCode: 400 }).as('editCoupon');

    cy.get('[data-cy="coupon-id"]').type('TESTE123450192TESTE')

    cy.get('[data-cy="coupon-save-button"]').click()
    cy.get('[data-cy="snack-alert"]').invoke('text').should('eq', 'Ocorreu um erro inesperado!')
    cy.url().should('eq', 'http://localhost:3000/cupons/385162-2')
    cy.wait('@editCoupon', { timeout: 50000 })
  })
})