SWAMPy

✎ CARVE FLESH

EDITING: updateSubnavMenuToggleSpec.js

/*
 * Copyright (C) 2017 - 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 $ from 'jquery'

import updateSubnavMenuToggle from '../../../../ui/shared/courses/jquery/updateSubnavMenuToggle'

const container = $('#fixtures')

QUnit.module('SubnavMenuToggle', {
  setup() {
    $('<button/>', {
      id: 'courseMenuToggle',
      className: 'Button Button--link Button--small ic-app-course-nav-toggle',
      ariaLabel: 'Hide Navigation Menu',
      ariaLive: 'polite',
    }).appendTo(container)
  },
  teardown() {
    container.empty()
  },
})

test('it should toggle the aria-label text correctly for show and hide on click', () => {
  const subnavMenuToggle = $('#courseMenuToggle')
  subnavMenuToggle.click(() => {
    $('body').toggleClass('course-menu-expanded')
    updateSubnavMenuToggle()
  })

subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Hide Navigation Menu')

subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Show Navigation Menu')
})

test('it should correctly generate title and aria-label text based on the pathname', () => {
  const subnavMenuToggle = $('#courseMenuToggle')

subnavMenuToggle.click(updateSubnavMenuToggle('/profile/communication'))
  subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Show Account Navigation Menu')
  subnavMenuToggle.unbind()

subnavMenuToggle.click(updateSubnavMenuToggle('/accounts/1/permissions'))
  subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Show Admin Navigation Menu')
  subnavMenuToggle.unbind()

subnavMenuToggle.click(updateSubnavMenuToggle('/courses/2/users'))
  subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Show Courses Navigation Menu')
  subnavMenuToggle.unbind()

subnavMenuToggle.click(updateSubnavMenuToggle('/groups/1'))
  subnavMenuToggle.click()
  equal(subnavMenuToggle.attr('aria-label'), 'Show Groups Navigation Menu')
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 updateSubnavMenuToggleSpec.js	JS	2.5 KB	2023-09-24 03:36	EDIT