Anjing Webshells

Website : rimsha.abasa.com
: / var / canvas / node_modules / @canvas / instui-bindings / react / __tests__ /
Filename : Modal.test.jsx
back
/*
 * Copyright (C) 2019 - 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 {render, fireEvent} from '@testing-library/react'
import CanvasModal from '../Modal'

describe('CanvasModal', () => {
  it('renders a header, close button, and children', () => {
    const handleDismiss = jest.fn()
    const {getByText} = render(
      <CanvasModal
        open={true}
        label="Do the thing"
        onDismiss={handleDismiss}
        footer={<span>The Footer</span>}
      >
        Dialog Content
      </CanvasModal>
    )
    expect(getByText('Do the thing').tagName).toBe('H2')
    expect(getByText('Dialog Content')).toBeInTheDocument()
    expect(getByText('The Footer')).toBeInTheDocument()
    const closeButton = getByText('Close').closest('button')
    expect(closeButton).toBeInTheDocument()
    fireEvent.click(closeButton)
    expect(handleDismiss).toHaveBeenCalled()
  })

  describe('Errors', () => {
    // Don't want to log the expected errors to the console
    beforeEach(() => {
      jest.spyOn(console, 'error').mockImplementation(() => {})
    })

    afterEach(() => {
      console.error.mockRestore() // eslint-disable-line no-console
    })

    it('has an error boundary in case the children throw', () => {
      function ThrowError() {
        throw new Error('something bad happened')
      }

      const {getByText} = render(
        <CanvasModal open={true} label="Do the thing">
          <ThrowError />
        </CanvasModal>
      )
      expect(getByText(/something broke/i)).toBeInTheDocument()
      // Header and close button should still be there
      expect(getByText('Do the thing').tagName).toBe('H2')
      expect(getByText('Close').closest('button')).toBeInTheDocument()
    })
  })
})