user_profile.spec.jsx

import {mount} from 'cypress/react';
import React from 'react';
import {Storage} from '../../../src/libs/storage';
import {User} from '../../../src/libs/ajax/User';
import {Institution} from '../../../src/libs/ajax/Institution';
import UserProfile from '../../../src/pages/user_profile/UserProfile';

const duosUser = {
    isSigningOfficial: false,
};

describe('User Profile', () => {
  beforeEach(() => {
    cy.initApplicationConfig();
  });

  it('Renders the user profile page', () => {
    cy.stub(Storage, 'getCurrentUser').returns(duosUser);
    cy.stub(Institution, 'list').returns([]);
    cy.stub(User, 'getMe').returns(duosUser);
    cy.stub(User, 'getApprovedDatasets').returns([]);
    cy.stub(User, 'getAcknowledgements').returns({});
    mount(<UserProfile/>);
    cy.get('h2').should('contain', 'Your Profile');
  });

  it('Updates the user email preferences', () => {
    cy.stub(Storage, 'getCurrentUser').returns(duosUser);
    cy.stub(Institution, 'list').returns([]);
    cy.stub(User, 'getMe').returns(duosUser);
    cy.stub(User, 'getApprovedDatasets').returns([]);
    cy.stub(User, 'getAcknowledgements').returns({});
    cy.intercept(
      {method: 'PUT', url: '**/user'},
      {statusCode: 200, body: duosUser}
    ).as('updateSelf');
    mount(<UserProfile/>);
    cy.get('input[id="profileEmailEnabled_yes"]').check();
    cy.wait('@updateSelf').then(() => {
      cy.get('div').contains('Email preference updated successfully!');
    });
  });
});