SWAMPy

✎ CARVE FLESH

EDITING: DashboardCard.test.js

/*
 * 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 DashboardCard, {DashboardCardHeaderHero} from '../DashboardCard'
import React from 'react'
import {render} from '@testing-library/react'
import {mount} from 'enzyme'
import PublishButton from '../PublishButton'
import * as apiClient from '@canvas/courses/courseAPIClient'

jest.mock('@canvas/courses/courseAPIClient')

function createMockProps(opts = {}) {
  return {
    shortName: 'foocourse',
    originalName: 'barcourse',
    courseCode: 'FBC',
    assetString: 'foo',
    href: 'courses/1',
    enrollmentType: 'StudentEnrollment',
    id: '1',
    ...opts,
  }
}

beforeEach(() => {
  fetch.mockResponse(JSON.stringify({}), {status: 200})
})

describe('DashboardCardHeaderHero', () => {
  it('doesnt add instFS query params if it doesnt use an inst-fs url', () => {
    const {container} = render(
      <DashboardCardHeaderHero image="https://example.com/path/to/image.png" />
    )
    expect(
      container.querySelector('.ic-DashboardCard__header_image').style['background-image']
    ).toEqual('url(https://example.com/path/to/image.png)')
  })

it('adds instFS query params if it does use an inst-fs url', () => {
    const {container} = render(
      <DashboardCardHeaderHero image="https://inst-fs-iad-beta.inscloudgate.net/files/blah/foo?download=1&token=abcxyz" />
    )
    expect(
      container.querySelector('.ic-DashboardCard__header_image').style['background-image']
    ).toEqual(
      'url(https://inst-fs-iad-beta.inscloudgate.net/files/blah/foo?download=1&token=abcxyz&geometry=262x146)'
    )
  })

it('renders the observees names when present', () => {
    const props = createMockProps({enrollmentType: 'ObserverEnrollment', observee: 'Student One'})

const {getByText} = render(<DashboardCard {...props} />)
    expect(getByText(/observing/i)).toBeInTheDocument()
  })

it('does not render the observee text when not observing', () => {
    const props = createMockProps()

const {queryByText} = render(<DashboardCard {...props} />)

expect(queryByText(/observing/i)).not.toBeInTheDocument()
  })
})

describe('PublishButton', () => {
  it('renders the button for users that have the permission', () => {
    const props = createMockProps({
      published: false,
      canChangeCoursePublishState: true,
      pagesUrl: '',
      defaultView: '',
    })
    const {queryByText} = render(<DashboardCard {...props} />)
    expect(queryByText(/Publish/i)).toBeInTheDocument()
  })

describe('.updatePublishedCourse', () => {
    it('calls onPublishedCourse callback when registered', () => {
      const onPublishedCourse = jest.fn()
      const props = createMockProps({
        id: '0',
        published: false,
        canChangeCoursePublishState: true,
        pagesUrl: '',
        defaultView: '',
        onPublishedCourse,
      })
      const wrapper = mount(<DashboardCard {...props} />)
      wrapper.find(PublishButton).find('button').simulate('click')
      expect(apiClient.publishCourse).toHaveBeenCalledWith(expect.objectContaining({courseId: '0'}))
    })
  })

it('does not render the button for users that do not have the permission', () => {
    const props = createMockProps({
      published: false,
      canChangeCoursePublishState: false,
      pagesUrl: '',
      defaultView: '',
    })
    const {queryByText} = render(<DashboardCard {...props} />)
    expect(queryByText(/Publish/i)).not.toBeInTheDocument()
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 CourseActivitySummaryStore.test.js	JS	3.7 KB	2023-09-24 03:36	EDIT
📄 DashboardCard.test.js	JS	4 KB	2023-09-24 03:39	EDIT
📄 DashboardCardReordering.test.js	JS	3.6 KB	2023-09-24 03:39	EDIT
📄 PublishButton.test.js	JS	4.3 KB	2023-09-24 03:39	EDIT