SWAMPy

✎ CARVE FLESH

EDITING: RestoreAutoSaveModal.test.js

/*
 * Copyright (C) 2020 - 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 RestoreAutoSaveModal from '../RestoreAutoSaveModal'

describe('RestoreAutoSaveModal', () => {
 it('renders all its content', () => {
 const onNo = jest.fn()
 const {getByText} = render(
 <RestoreAutoSaveModal savedContent="hello world" open onNo={onNo} onYes={() => {}} />
 )

expect(getByText('Found auto-saved content')).toBeInTheDocument()
    expect(
      getByText('Auto-saved content exists. Would you like to load the auto-saved content instead?')
    ).toBeInTheDocument()
    expect(getByText('Preview')).toBeInTheDocument()
    expect(getByText('Click to show preview')).toBeInTheDocument()
    expect(getByText('No')).toBeInTheDocument()
    expect(getByText('Yes')).toBeInTheDocument()
    const closeButton = getByText('Close')
    expect(closeButton).toBeInTheDocument()
    fireEvent.click(closeButton.closest('button'))
    expect(onNo).toHaveBeenCalled()
  })

it('responds to clicking "yes"', () => {
 const onNo = jest.fn()
 const onYes = jest.fn()
 const {getByText} = render(
 <RestoreAutoSaveModal savedContent="hello world" open onNo={onNo} onYes={onYes} />
 )

const yesButton = getByText('Yes').closest('button')
    fireEvent.click(yesButton)
    expect(onYes).toHaveBeenCalled()
    expect(onNo).not.toHaveBeenCalled()
  })

it('responds to clicking "no"', () => {
 const onNo = jest.fn()
 const onYes = jest.fn()
 const {getByText} = render(
 <RestoreAutoSaveModal savedContent="hello world" open onNo={onNo} onYes={onYes} />
 )

const noButton = getByText('No').closest('button')
    fireEvent.click(noButton)
    expect(onYes).not.toHaveBeenCalled()
    expect(onNo).toHaveBeenCalled()
  })

it('displays the auto saved content preview', () => {
 const {getByText} = render(
 <RestoreAutoSaveModal
 savedContent="hello world"
 open
 onNo={() => {}}
 onYes={() => {}}
 />
 )

const previewButton = getByText('Click to show preview')
    expect(previewButton).toBeInTheDocument()
    fireEvent.click(previewButton.closest('button'))
    expect(getByText('hello world')).toBeInTheDocument()
    expect(getByText('Click to hide preview')).toBeInTheDocument()
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 _mockIcons.js	JS	2.2 KB	2023-09-24 03:36	EDIT
📄 alertHandler.test.js	JS	1.5 KB	2023-09-24 03:36	EDIT
📄 contentHelpers.js	JS	1.6 KB	2023-09-24 03:36	EDIT
📄 contentInsertion.test.js	JS	22.9 KB	2023-09-24 03:36	EDIT
📄 contentRendering.test.js	JS	13.3 KB	2023-09-24 03:36	EDIT
📄 FakeEditor.js	JS	6.1 KB	2023-09-24 03:36	EDIT
📄 RCE.test.js	JS	1.9 KB	2023-09-24 03:39	EDIT
📄 RCEGlobals.test.js	JS	2.2 KB	2023-09-24 03:36	EDIT
📄 RceHtmlEditor.test.js	JS	2.3 KB	2023-09-24 03:39	EDIT
📄 RCEWrapper.test.js	JS	37.6 KB	2023-09-24 03:39	EDIT
📄 ResizeHandle.test.js	JS	1.4 KB	2023-09-24 03:39	EDIT
📄 RestoreAutoSaveModal.test.js	JS	3 KB	2023-09-24 03:39	EDIT
📄 root.test.js	JS	1.9 KB	2023-09-24 03:39	EDIT
📄 StatusBar.test.js	JS	15.3 KB	2023-09-24 03:39	EDIT
📄 transformContent.test.ts	TS	4.7 KB	2023-09-24 03:36	EDIT
📄 userOS.test.ts	TS	2.5 KB	2023-09-24 03:36	EDIT
📄 validateURL.test.js	JS	2.7 KB	2023-09-24 03:39	EDIT