How to use matchesRoutePreflight method in Cypress

You have to use both cy.readFile() and cy.writeFile() to achieve this. You can write something like:

cy.readFile("cypress/fixtures/dataFile.json", (err, data) => {
    if (err) {
        return console.error(err);
    };
}).then((data) => {
    data.table[0].number = 3
    data.table[1].number = 4
    cy.writeFile("cypress/fixtures/dataFile.json", JSON.stringify(data))
})

Well this seems to work, so it tells me I have some more to learn about .should()

cy.get('.check-box-sub-text').should('not.exist');

The nested shadow-root's make it difficult to pinpoint where the .shadow() command should be added, but you can enable shadow DOM searches globally in config (cypress.json)

includeShadowDom

Whether to traverse shadow DOM boundaries and include elements within the shadow DOM in the results of query commands (e.g. cy.get())

cypress.json

{
  ...
  includeShadowDom: true
}

Why do you want to use a Class? Instead of using a Class you could simply export a JavaScript Object in your helpers.js file like:

export const colors = {
   green: '4bdd33',
   orange: 'ff7900',
   red: 'd92632'
};

And in your Cypress test file you can import colors with:

import { colors } from '../../support/helpers';

Then you can use colors as you already described in the question.

Put it in a variable first, then use the variable in the Cypress call.

const body = {
  "address": Random.address,
  "address_complement": Random.address_complement,
  "address_city": Random.address_city,
  "address_number": `${Random.address_number}`,
  "address_district": Random.address_district,
  "address_state": Random.address_state,
  "cep": `${Random.cep}`,
  "cnpj": Random.cnpj,
  "company_name": Random.company_name,
  "headquarters": fAffiliate.headquarters[1],
  "ie": `${Random.ie}`,
  "phone": Random.phone,
  "rntrc": `${Random.rntrc}`,
  "status": fAffiliate.status[0],
  "trading_name": Random.trading_name
};

cy.request({
  url: "/api/affiliate/create",
  method: "POST",
  headers: {
    Authorization: `bearer ${access_token}`,
  },
  body: body
})

Then you can use the body variable again for a second request.

What you are trying to achieve is considered an antipattern in cypress. Generally you should do everything you want to do with that Variable inside the .then(). Make sure to use Syntax like: .then() => {all your code in here}.

Look here for Reference: https://docs.cypress.io/guides/core-concepts/variables-and-aliases.html#Aliases

Also you can Use Aliases like you already did with .as('len').

Overwriting commands can be a bit dodgy, the behavior when calling originalFn() is not always the same as when calling as a command, e.g cy.visit().

The failure is likely because the visit failed (i.e the call originalFn(url, authenticatedOptions) failed for some reason). But originalFn() returns a Promise, which should be rejected on failure but it isn't.

When you call a bad URL, say cy.visit('http://example-not-valid.com'), without the overwrite Cypress gives you a fairly decent message. With the overwrite it's just an unresolved promise.

You could use composition and add a new command

Cypress.Commands.add("visitWithAuthentication", (url, options) => {

  cy.fixture("accounts").then((account) => {
    const username = account.auth_username;
    const password = account.auth_password;

    const authenticatedOptions = {
      ...options,
      auth: { username, password },
      failOnStatusCode: false,
    };

    cy.visit(url, authenticatedOptions);
  });
});

This will give you the correct message, but may not be convenient when switching from DEV to QA environments.

You don't need to extract the folder path from the ui.

Instead, use this function:

const path = Cypress.config('downloadsFolder')

It returns an absolute path.

You can also specify the downloadsFolder in the config:

You could take advantage of the cy.spy command:

cy.intercept('/my-route', cy.spy().as('myRequest'));

// later in the test

cy.get('@myRequest').should('not.have.been.called'); // not yet intercepted

// something triggers the API call

cy.get('@myRequest').should('have.been.calledOnce'); // now is intercepted

See: https://docs.cypress.io/api/commands/spy
Credits to: https://glebbahmutov.com/blog/cypress-tips-and-tricks/#check-if-the-network-call-has-not-been-made