Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
quantum-kittens
GitHub Repository: quantum-kittens/platypus
 Path: blob/main/cypress/integration/sidebar.spec.js
3855 views
1
/// <reference types="cypress" />

2


3
describe('Sidebar', () => {

4
  const sidebarSelector = '[data-test=sidebar] [data-test=sidebar-entry]'

5
  const toggleSidebarSelector = '[data-test=sidebar-button-toggle]'

6


7
  it('can be toggled on a laptop', () => {

8
    cy.viewport('macbook-15')

9
    cy.visit('/course/ch-prerequisites')

10
    cy.get(sidebarSelector).should('be.visible')

11
    cy.get(toggleSidebarSelector).click()

12
    cy.get(sidebarSelector).should('be.not.visible')

13
    cy.get(toggleSidebarSelector).click()

14
    cy.get(sidebarSelector).should('be.visible')

15
  })

16


17
  it('can be toggled on a tablet', () => {

18
    cy.viewport('ipad-2')

19
    cy.visit('/course/ch-prerequisites')

20
    cy.get(sidebarSelector).should('be.not.visible')

21
    cy.get(toggleSidebarSelector).click()

22
    cy.get(sidebarSelector).should('be.visible')

23
    cy.get(toggleSidebarSelector).click()

24
    cy.get(sidebarSelector).should('be.not.visible')

25
  })

26


27
  it('can be toggled on a smartphone', () => {

28
    const showMobileSidebarSelector = '[data-test=sidebar-button-toggle-mobile]'

29


30
    cy.viewport('iphone-x')

31
    cy.visit('/course/ch-prerequisites')

32
    cy.get(sidebarSelector).should('be.not.visible')

33
    cy.get(showMobileSidebarSelector).click()

34
    cy.get(sidebarSelector).should('be.visible')

35
    cy.get(toggleSidebarSelector).click()

36
    cy.get(sidebarSelector).should('be.not.visible')

37
  })

38


39
  it('back to home link links to textbook home', () => {

40
    const viewports = ['ipad-2', 'macbook-15']

41
    const linkSelector = '[data-test=back-to-home-link]'

42
    const textbookHomeUrl = 'https://qiskit.org/learn'

43


44
    viewports.forEach((viewport) => {

45
      cy.viewport(viewport)

46
      cy.visit('/course/ch-prerequisites')

47
      cy.get(linkSelector).should('be.visible')

48
      cy.get(linkSelector).should('have.attr', 'href', textbookHomeUrl)

49
    })

50
  })

51
})

52


53