it('Activated -> update -> Updated', () => {
  mockActivatedState();
  
  /* Use UI to Update */
  
  mockUpdatedState();
  
  /* Assert network and UI */
});

  it('your test', function () {
    cy.api({
      method: 'GET',
      url: `${apiEndpoint()}`,
      headers: { 'Authorization': `${bearerToken}` },
      retryOnStatusCodeFailure: true // under the hood Cypress retries the initial req 4 times
    }, 'should get a list', // can specify a test name
      { timeout: 20000 }) // and timeout
      .its('length')
      .should('be.greaterThan', 0); // will retry the assertion for 20 seconds
  });

let requestStarted = false; // set the flag: did the command go out?

cy.route({
  method: 'POST',
  url: '**/pointcommands',
  // the flag will be set to true IF the POST goes out, otherwise it is false
  onRequest: () => (requestStarted = true)
}).as('sendCommand');

// waitUntil expects a function that returns a boolean result. We use the flag requestStarted
cy.waitUntil( () =>
  cy.get('.btn-command').click() // we get the button and click it
    .then(() => requestStarted) // we return the value of requestStarted: false until POST goes out
  , 
  {
    timeout: 10000,
    interval: 1000,
    errorMsg: 'POST not sent within time limit'
  });
// if waitUntil is fulfilled, we wait for the POST alias at XHR level
cy.wait('@sendCommand');

const invalidIcons = [ .. ];
const validIcons = [ .. ];

/** sets icons in the component based on the array*/
const setIcons = (icons) => {
  appAction.getList().then(list => {
    // we only want to display the array of icons
    list.length = icons.length;
    // set the component according to the array  
    for (let i = 0; i < list.length; i++) {
      list[i].iconAttr = icon[i];
    }
  });
};

it('should check valid icons', () => {
  // setup Component
  setIcons(validIcons);
  // assert DOM
  cy.get(...);
  // assert visuals
  cy.percySnapshot('valid icons');
});

it('Component test: delete right pane and then left', () => {
  /* tests a SEQUENCE not covered with UI tests 
   * tests a COMBINATION of components */
  appAction.deleteRightPane();
  cy.window().should('not.have.property', 'rightPaneComponent');
  cy.window().should('have.property', 'leftPaneComponent');
  
  appAction.deleteLeftPane();
  cy.window().should('not.have.property', 'leftPaneComponent');
  cy.window().should('not.have.property', 'rightPaneComponent');
  cy.url().should('match', redirectRoute);
});

Model CI
 Parameters:
   deployment_UI : { branch, development, staging }
   deployment_API:  { development, staging }
   spec_suite: { ui_services_stubbed, ui_services, ui_services_hardware }
   browser: { chrome, electron }

 Constraints:
   // on staging, run all tests
   # spec_suite=ui_services_hardware <=> deployment_API=staging #
   // match dev vs dev, staging vs staging, and when on staging use Chrome
   # deployment_UI=development => deployment_API=development #
   # deployment_UI=staging => deployment_API=staging #
   # deployment_UI=staging && deployment_API=staging => browser=chrome #
   // when on branch, stub the services
   # deployment_UI=branch => spec_suite=ui_services_stubbed #
   // do not stub the services when on UI development
   # deployment_UI=development => spec_suite!=ui_services_stubbed #

Model CI
 Parameters:
   deployment_UI : { branch, development, staging }
   deployment_API:  { development, staging }
   spec_suite: { ui_services_stubbed, ui_services, ui_services_hardware, spot_check}
   browser: { chrome, electron, firefox }

 Constraints:
   // one extra constraint for firefox spot checks
   # browser=firefox <=> spec_suite=spot_check #
   // on staging, run all tests
   # spec_suite=ui_services_hardware <=> deployment_API=staging #
   // match dev vs dev, staging vs staging, and when on staging use Chrome
   # deployment_UI=development => deployment_API=development #
   # deployment_UI=staging => deployment_API=staging #
   # deployment_UI=staging && deployment_API=staging => browser=chrome #
   // when on branch, stub the services
   # deployment_UI=branch => spec_suite=ui_services_stubbed #
   // do not stub the services when on UI development
   # deployment_UI=development => spec_suite!=ui_services_stubbed #