SWAMPy

✎ CARVE FLESH

EDITING: GradebookMenu.test.tsx

/*
 * Copyright (C) 2021 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import React from 'react'
import GradebookMenu from '@canvas/gradebook-menu'
import type {GradiantVariantName} from '@canvas/gradebook-menu'
import {fireEvent, render} from '@testing-library/react'

describe('GradebookMenu', () => {
  const defaultProps = {
    courseUrl: '/courseUrl',
    learningMasteryEnabled: true,
    enhancedIndividualGradebookEnabled: undefined,
    variant: 'DefaultGradebook' as GradiantVariantName,
  }

describe('when variant is "DefaultGradebook"', () => {
    it('renders the expected options', () => {
      const {getAllByRole, getByRole} = render(<GradebookMenu {...defaultProps} />)
      const menu = getByRole('button')

expect(menu).toHaveTextContent('Gradebook')
      fireEvent.click(menu)

const menuItems = getAllByRole('menuitemradio')
      expect(menuItems).toHaveLength(4)
      expect(menuItems[0]).toHaveTextContent('Traditional Gradebook')
      expect(menuItems[1]).toHaveTextContent('Learning Mastery')
      expect(menuItems[2]).toHaveTextContent('Individual Gradebook')
      expect(menuItems[3]).toHaveTextContent('Gradebook History')
    })

it('omits "Learning Mastery" when learningMasteryEnabled is false (1)', () => {
      const {getByRole, queryByTestId} = render(
        <GradebookMenu {...defaultProps} learningMasteryEnabled={false} />
      )
      const menu = getByRole('button')
      fireEvent.click(menu)

expect(queryByTestId('learning-mastery-menu-item')).not.toBeInTheDocument()
    })
  })

describe('when variant is "DefaultGradebookLearningMastery"', () => {
    it('renders the expected options', () => {
      const {getAllByRole, getByRole} = render(
        <GradebookMenu {...defaultProps} variant="DefaultGradebookLearningMastery" />
      )
      const menu = getByRole('button')
      expect(menu).toHaveTextContent('Learning Mastery')
      fireEvent.click(menu)

const menuItems = getAllByRole('menuitemradio')
      expect(menuItems).toHaveLength(4)

expect(menuItems[0]).toHaveTextContent('Traditional Gradebook')
      expect(menuItems[1]).toHaveTextContent('Learning Mastery')
      expect(menuItems[2]).toHaveTextContent('Individual Gradebook')
      expect(menuItems[3]).toHaveTextContent('Gradebook History')

expect(menuItems[1]).toHaveAttribute('aria-checked', 'true')

expect(menuItems[0]).toHaveAttribute(
        'href',
        '/courseUrl/gradebook/change_gradebook_version?version=gradebook'
      )
      expect(menuItems[1]).toHaveAttribute('href', '/courseUrl/gradebook?view=learning_mastery')
      expect(menuItems[2]).toHaveAttribute(
        'href',
        '/courseUrl/gradebook/change_gradebook_version?version=individual'
      )
      expect(menuItems[3]).toHaveAttribute('href', '/courseUrl/gradebook/history')
    })
  })

describe('when variant is "GradebookHistory"', () => {
    it('renders the expected options', () => {
      const {getAllByRole, getByRole} = render(
        <GradebookMenu {...defaultProps} variant="GradebookHistory" />
      )
      const menu = getByRole('button')

expect(menu).toHaveTextContent('Gradebook History')
      fireEvent.click(menu)

const menuItems = getAllByRole('menuitemradio')
      expect(menuItems).toHaveLength(4)

expect(menuItems[3]).toHaveAttribute('aria-checked', 'true')

it('omits "Learning Mastery" when learningMasteryEnabled is false (2)', () => {
      const {getAllByRole, getByRole} = render(
        <GradebookMenu
          {...defaultProps}
          variant="GradebookHistory"
          learningMasteryEnabled={false}
        />
      )
      const menu = getByRole('button')
      fireEvent.click(menu)

const menuItems = getAllByRole('menuitemradio')
      expect(menuItems).toHaveLength(3)

expect(menuItems[0]).toHaveTextContent('Traditional Gradebook')
      expect(menuItems[1]).toHaveTextContent('Individual Gradebook')
      expect(menuItems[2]).toHaveTextContent('Gradebook History')

expect(menuItems[2]).toHaveAttribute('aria-checked', 'true')

expect(menuItems[0]).toHaveAttribute(
        'href',
        '/courseUrl/gradebook/change_gradebook_version?version=gradebook'
      )
      expect(menuItems[1]).toHaveAttribute(
        'href',
        '/courseUrl/gradebook/change_gradebook_version?version=individual'
      )
      expect(menuItems[2]).toHaveAttribute('href', '/courseUrl/gradebook/history')
    })
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 GradebookMenu.test.tsx	TSX	5.7 KB	2023-09-24 03:39	EDIT