SWAMPy

✎ CARVE FLESH

EDITING: ContextModulesPublishModal.test.tsx

/*
 * Copyright (C) 2022 - 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 {act, render} from '@testing-library/react'
import doFetchApi from '@canvas/do-fetch-api-effect'
import ContextModulesPublishModal from '../ContextModulesPublishModal'

jest.mock('@canvas/do-fetch-api-effect')

const defaultProps = {
  isOpen: true,
  onClose: () => {},
  onDismiss: () => {},
  onPublish: () => {},
  onPublishComplete: () => {},
  progressId: null,
  publishItems: false,
  title: 'Test Title',
  onCancel: () => {},
  isCanceling: false,
  isPublishing: false,
  skippingItems: false,
  mode: 'publish' as const,
}

beforeAll(() => {
  doFetchApi.mockResolvedValue({response: {ok: true}, json: {completed: []}})
})

beforeEach(() => {
  doFetchApi.mockClear()
})

afterEach(() => {
  jest.clearAllMocks()
})

describe('ContextModulesPublishModal', () => {
  it('renders the title and warning text', () => {
    const {getByRole, getByText} = render(<ContextModulesPublishModal {...defaultProps} />)
    const modalTitle = getByRole('heading', {name: 'Test Title'})
    expect(modalTitle).toBeInTheDocument()
    expect(
      getByText(
        'This process could take a few minutes. You may close the modal or navigate away from the page during this process.'
      )
    ).toBeInTheDocument()
    expect(
      getByText(
        'To discontinue processing, click the Stop button. Note: Modules and items that have already been processed will not be reverted to their previous state when the process is discontinued.'
      )
    ).toBeInTheDocument()
  })

it('renders warning text for bulk publish modules only', () => {
    const {getByRole, getByText} = render(
      <ContextModulesPublishModal {...defaultProps} skippingItems={true} />
    )
    const modalTitle = getByRole('heading', {name: 'Test Title'})
    expect(modalTitle).toBeInTheDocument()
    expect(
      getByText(
        'This process could take a few minutes. You may close the modal or navigate away from the page during this process.'
      )
    ).toBeInTheDocument()
    expect(
      getByText(
        'To discontinue processing, click the Stop button. Note: Modules that have already been processed will not be reverted to their previous state when the process is discontinued.'
      )
    ).toBeInTheDocument()
  })

it('calls onPublish when the publish button is clicked', () => {
    const onPublish = jest.fn()
    const {getByText} = render(
      <ContextModulesPublishModal {...defaultProps} onPublish={onPublish} />
    )
    const publishButton = getByText('Continue')
    act(() => publishButton.click())
    expect(onPublish).toHaveBeenCalled()
  })

it('has a close button', () => {
    const onDismiss = jest.fn()
    const {getByTestId} = render(
      <ContextModulesPublishModal {...defaultProps} onDismiss={onDismiss} />
    )
    const closeButton = getByTestId('close-button')
    act(() => closeButton.click())
    expect(onDismiss).toHaveBeenCalled()
  })

it('changes the publish button to stop button if is publishing', () => {
    const {getByTestId, rerender} = render(<ContextModulesPublishModal {...defaultProps} />)
    const publishButton = getByTestId('publish-button')
    expect(publishButton.textContent).toBe('Continue')
    rerender(<ContextModulesPublishModal {...defaultProps} isPublishing={true} />)
    expect(publishButton.textContent).toBe('Stop button. Click to discontinue processing.Stop')
  })

it('disables the stop button if canceling', () => {
    const {getByTestId} = render(
      <ContextModulesPublishModal {...defaultProps} isPublishing={true} isCanceling={true} />
    )
    const publishButton = getByTestId('publish-button')
    expect(publishButton.textContent).toBe('Stop button. Click to discontinue processing.Stop')
    expect(publishButton).toBeDisabled()
  })

it('displays publishing progress message when mode is publish', () => {
    const {getByText, queryByText} = render(
      <ContextModulesPublishModal {...defaultProps} isPublishing={true} progressId={8} />
    )
    expect(queryByText('Unpublish Progress')).not.toBeInTheDocument()
    expect(getByText('Publishing Progress')).toBeInTheDocument()
  })

it('displays unpublish progress message when mode is unpublish', () => {
    const {getByText, queryByText} = render(
      <ContextModulesPublishModal
        {...defaultProps}
        isPublishing={true}
        progressId={8}
        mode="unpublish"
      />
    )
    expect(getByText('Unpublish Progress')).toBeInTheDocument()
    expect(queryByText('Publishing Progress')).not.toBeInTheDocument()
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 ContextModulesPublishIcon.test.tsx	TSX	9.7 KB	2023-09-24 03:39	EDIT
📄 ContextModulesPublishMenu.test.tsx	TSX	12 KB	2023-09-24 03:36	EDIT
📄 ContextModulesPublishModal.test.tsx	TSX	5.1 KB	2023-09-24 03:39	EDIT