SWAMPy

✎ CARVE FLESH

EDITING: SectionsAutocomplete.test.js

/*
 * Copyright (C) 2015 - 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 {shallow} from 'enzyme'
import SectionsAutocomplete from '../SectionsAutocomplete'

describe('Sections Autocomplete', () => {
  const defaultProps = () => ({
    sections: [{id: '1', name: 'awesome section'}],
    flashMessage: () => {},
  })

it('renders SectionsAutocomplete', () => {
    const wrapper = shallow(<SectionsAutocomplete {...defaultProps()} />)
    const renderedAutocomplete = wrapper.find('CanvasMultiSelect')
    expect(renderedAutocomplete).toHaveLength(1)
  })

it('rendered sectionAutocomplete contains the "all sections" option', () => {
    const wrapper = shallow(<SectionsAutocomplete {...defaultProps()} />)
    expect(
      wrapper.instance().state.sections.filter(section => section.name === 'All Sections')
    ).toHaveLength(1)
  })

it('removes the all sections option when individual one is added', () => {
    const wrapper = shallow(<SectionsAutocomplete {...defaultProps()} />)
    wrapper.instance().onAutocompleteChange(['1'])
    expect(wrapper.instance().state.selectedSectionsValue).toEqual(['1'])
  })

it('sorts sections correctly', () => {
    const moreSections = defaultProps()
    moreSections.sections = [
      {id: '1', name: 'drink cup'},
      {id: '1', name: 'awesome section'},
      {id: '1', name: '1234 section'},
    ]
    const wrapper = shallow(<SectionsAutocomplete {...moreSections} />)
    expect(wrapper.instance().state.sections).toEqual([
      {
        id: '1',
        name: '1234 section',
      },
      {
        id: 'all',
        name: 'All Sections',
      },
      {
        id: '1',
        name: 'awesome section',
      },
      {
        id: '1',
        name: 'drink cup',
      },
    ])
  })

it('shows an error message when removing all sections', () => {
    const wrapper = shallow(<SectionsAutocomplete {...defaultProps()} />)
    wrapper.instance().onAutocompleteChange([])
    expect(wrapper.instance().state.messages).toEqual([
      {text: 'A section is required', type: 'error'},
    ])
  })

it('removes the all sections except the all option when all section is added', () => {
    const wrapper = shallow(<SectionsAutocomplete {...defaultProps()} />)
    wrapper.instance().onAutocompleteChange(['1'])
    wrapper.instance().onAutocompleteChange(['1', 'all'])
    expect(wrapper.instance().state.selectedSectionsValue).toEqual(['all'])
  })

it('adds sections accordingly', () => {
    const props = {
      ...defaultProps(),
      sections: [
        {id: '1', name: 'awesome section'},
        {id: '3', name: 'other section'},
      ],
    }

const wrapper = shallow(<SectionsAutocomplete {...props} />)
    wrapper.instance().onAutocompleteChange(['1'])
    wrapper.instance().onAutocompleteChange(['3', '1'])
    expect(wrapper.instance().state.selectedSectionsValue).toEqual(['3', '1'])
  })

it('announces when sections are added and removed', () => {
    const flashMessage = jest.fn()
    const props = {...defaultProps(), flashMessage}
    const wrapper = shallow(<SectionsAutocomplete {...props} />)

wrapper.instance().onAutocompleteChange([])
    expect(flashMessage).toHaveBeenCalledWith('All Sections removed')

wrapper.instance().onAutocompleteChange(props.sections.map(s => s.id))
    expect(flashMessage).toHaveBeenCalledWith('awesome section added')

wrapper.instance().onAutocompleteChange([])
    expect(flashMessage).toHaveBeenCalledWith('awesome section removed')

wrapper.instance().onAutocompleteChange(['all'])
    expect(flashMessage).toHaveBeenCalledWith('All Sections added')
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 SectionsAutocomplete.test.js	JS	4.2 KB	2023-09-24 03:39	EDIT