commands.ts

// eslint-disable-next-line @typescript-eslint/triple-slash-reference
/// <reference types="cypress" />
// ***********************************************
// This example commands.ts shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add('login', (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
//
// declare global {
//   namespace Cypress {
//     interface Chainable {
//       login(email: string, password: string): Chainable<void>
//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
//     }
//   }
// }

import firebase from 'firebase/compat/app';
import 'firebase/compat/remote-config';
import 'firebase/compat/auth';

const firebaseConfig = {
  apiKey: Cypress.env('NEXT_PUBLIC_FIREBASE_API_KEY'),
  authDomain: Cypress.env('NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN'),
  projectId: Cypress.env('NEXT_PUBLIC_FIREBASE_PROJECT_ID'),
  storageBucket: Cypress.env('NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET'),
  messagingSenderId: Cypress.env('NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID'),
  appId: Cypress.env('NEXT_PUBLIC_FIREBASE_APP_ID'),
};

const app = firebase.initializeApp(firebaseConfig);

app.auth().useEmulator('http://localhost:9099/');

Cypress.Commands.add('injectAuthenticatedUser', (email: string) => {
  cy.window()
    .its('store')
    .invoke('dispatch', {
      type: 'userProfile/loginSuccess',
      payload: {
        fullName: 'Valery',
        email: email,
        isRegistered: true,
        isEmailVerified: true,
        organization: '',
        isRegisteredToReceiveAPIAnnouncements: false,
        isAnonymous: false,
        refreshToken:
          'AMf-vBwvDFwWA77IKuTUdQ9eZ7sCalLb3LPfHupyvvI91SYcImb_e5R417gPIZbVJxaJUSvMDqHWlQaMMZQZkkahT9zFW3FXymDMmvSzKB-NKO2X_lw1yCP_YyegslW6Wl4y2PRG_gEyUHxpESrjDVI_scIDIvfHaoH97-GraKJFgmCo61QzmYyMY8vyaOxyH9ovcVwdiy-KLpRbU-B8VrtrRwKg-o7BWggTlIRXu5hgtG34lS8GCdM',
      },
    });
});

Cypress.Commands.add(
  'muiDropdownSelect',
  (elementKey: string, dropDownDataValue: string) => {
    cy.get('[data-testid="overlay"]', { timeout: 6000 }).should('not.exist');
    cy.get(elementKey).click();
    cy.get(`ul > li[data-value="${dropDownDataValue}"]`).click();
  },
);

Cypress.Commands.add('assetMuiError', (elementKey: string) => {
  cy.get(elementKey).should('have.class', 'Mui-error');
});

Cypress.Commands.add(
  'createNewUserAndSignIn',
  (email: string, password: string) => {
    const auth = app.auth();
    cy.then(async () => {
      // Sign out first so the SDK drops its cached token before we wipe
      // emulator accounts — prevents stale background accounts:lookup calls
      await auth.signOut();
      await fetch(
        'http://localhost:9099/emulator/v1/projects/mobility-feeds-dev/accounts',
        { method: 'DELETE' },
      );
      await auth.createUserWithEmailAndPassword(email, password).then(res => console.log('User created:', res));
    });
  },
);