weseek__growi/apps/app/test/cypress/e2e/50-sidebar/50-sidebar--switching-sidebar-mode.cy.ts

import { BlackoutGroup } from "../../support/blackout";

// Blackout for recalculation of toc content hight
const blackoutOverride = [
  ...BlackoutGroup.BASIS,
  ...BlackoutGroup.SIDE_CONTENTS,
];

context('Switch sidebar mode', () => {
  const ssPrefix = 'switch-sidebar-mode-';

  before(() => {
    // login
    cy.fixture("user-admin.json").then(user => {
      cy.login(user.username, user.password);
    });
  });

  it('Switching sidebar mode', () => {
    cy.visit('/');
    cy.get('.grw-apperance-mode-dropdown').first().click();

    cy.get('[for="swSidebarMode"]').click({force: true});
    cy.get('.grw-sidebar-nav').should('not.be.visible');
    cy.screenshot(`${ssPrefix}-switch-sidebar-mode`, {
      blackout: blackoutOverride,
    });

    cy.get('[for="swSidebarMode"]').click({force: true});
    cy.get('.grw-sidebar-nav').should('be.visible');
    cy.screenshot(`${ssPrefix}-switch-sidebar-mode-back`, {
      blackout: blackoutOverride,
    });
  });

});