SWAMPy

✎ CARVE FLESH

EDITING: index.test.js

/*
 * Copyright (C) 2021 - 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 $ from 'jquery'
import sinon from 'sinon'
import {configure, mount, unmount} from '../index'
import {fireEvent, findByTestId} from '@testing-library/dom'

describe('canvas_quizzes/events', () => {
  let fakeServer

beforeEach(() => {
    fakeServer = sinon.createFakeServer()
    fakeServer.autoRespond = true
    fakeServer.respondImmediately = true

for (const url of Object.keys(fixture)) {
      fakeServer.respondWith('GET', url, [
        200,
        {'Content-Type': 'application/json'},
        JSON.stringify(fixture[url]),
      ])
    }

configure({
      ajax: $.ajax,
      loadOnStartup: true,
      quizUrl: '/api/v1/quizzes/1',
      questionsUrl: '/api/v1/quizzes/1/questions',
      submissionUrl: '/api/v1/quizzes/1/submissions/2',
      eventsUrl: '/api/v1/quizzes/1/submissions/2/events',
      allowMatrixView: true,
      useHashRouter: true,
    })
  })

afterEach(() => {
    fakeServer.restore()
    fakeServer = null

return unmount()
  })

it('renders event stream', () => {
    const node = document.createElement('div')

return mount(node)
      .then(() => findByTestId(node, 'event-stream'))
      .then(eventStream => {
        const eventStreamInText = [
          '00:01Session started',
          '00:03Answered the following questions:#1#2#5#6#7',
          '00:15Answered question:#3',
          '00:16Viewed (and possibly read) question#1',
          '00:16Viewed (and possibly read) question#2',
          '00:16Viewed (and possibly read) the following questions:#3#4#5',
          '00:19Answered question:#4',
          '00:31Viewed (and possibly read) question#6',
          '00:53Answered question:#8',
          '01:01Viewed (and possibly read) the following questions:#7#8',
        ]

for (const entry of eventStreamInText) {
          expect(eventStream.textContent).toContain(entry)
        }
      })
  })

it('renders table', () => {
    const node = document.createElement('div')

return mount(node)
      .then(() => findByTestId(node, 'view-table-button').then(fireEvent.click))
      .then(() => findByTestId(node, 'answer-matrix'))
      .then(answerMatrix => {
        expect(answerMatrix).toBeTruthy()
        expect(answerMatrix.querySelectorAll('thead th').length).toBe(9) // 1 for Timestamp and 8 for questions
        expect(answerMatrix.querySelectorAll('tbody tr').length).toBe(4)
      })
  })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 index.test.js	JS	33.3 KB	2023-09-24 03:36	EDIT