SWAMPy

✎ CARVE FLESH

EDITING: IndexViewSpec.js

/*
 * Copyright (C) 2018 - 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 QuizCollection from 'ui/features/quizzes_index/backbone/collections/QuizCollection'
import IndexView from 'ui/features/quizzes_index/backbone/views/IndexView'
import QuizItemGroupView from 'ui/features/quizzes_index/backbone/views/QuizItemGroupView'
import NoQuizzesView from 'ui/features/quizzes_index/backbone/views/NoQuizzesView'
import $ from 'jquery'
import fakeENV from 'helpers/fakeENV'
import 'helpers/jquery.simulate'
import ReactDOM from 'react-dom'

let fixtures = null
const indexView = function (assignments, open, surveys) {
  $('<div id="content"></div>').appendTo(fixtures)
  if (assignments == null) {
    assignments = new QuizCollection([])
  }
  if (open == null) {
    open = new QuizCollection([])
  }
  if (surveys == null) {
    surveys = new QuizCollection([])
  }
  const assignmentView = new QuizItemGroupView({
    collection: assignments,
    title: 'Assignment Quizzes',
    listId: 'assignment-quizzes',
    isSurvey: false,
  })
  const openView = new QuizItemGroupView({
    collection: open,
    title: 'Practice Quizzes',
    listId: 'open-quizzes',
    isSurvey: false,
  })
  const surveyView = new QuizItemGroupView({
    collection: surveys,
    title: 'Surveys',
    listId: 'surveys-quizzes',
    isSurvey: true,
  })
  const noQuizzesView = new NoQuizzesView()
  const permissions = {
    create: true,
    manage: true,
  }
  const flags = {
    question_banks: true,
    quiz_lti_enabled: false || ENV.flags.quiz_lti_enabled,
  }
  const urls = {
    new_quiz_url: '/courses/1/quizzes/new?fresh=1',
    new_assignment_url: '/courses/1/assignments/new',
    question_banks_url: '/courses/1/question_banks',
  }
  const view = new IndexView({
    assignmentView,
    openView,
    surveyView,
    noQuizzesView,
    permissions,
    flags,
    urls,
  })
  view.$el.appendTo(fixtures)
  return view.render()
}
QUnit.module('IndexView', {
  setup() {
    fixtures = $('#fixtures')
    fakeENV.setup({
      permissions: {
        create: true,
        manage: true,
      },
      flags: {
        question_banks: true,
      },
      urls: {
        new_quiz_url: '/courses/1/quizzes/new?fresh=1',
        new_assignment_url: '/courses/1/assignments/new',
        question_banks_url: '/courses/1/question_banks',
      },
    })
  },
  teardown() {
    fakeENV.teardown()
    fixtures.empty()
  },
})
test('#hasNoQuizzes if assignment and open quizzes are empty', () => {
  const assignments = new QuizCollection([])
  const open = new QuizCollection([])
  const view = indexView(assignments, open)
  ok(view.options.hasNoQuizzes)
})
test('#hasNoQuizzes to false if has assignment quizzes', () => {
  const assignments = new QuizCollection([{id: 1, permissions: {delete: true}}])
  const open = new QuizCollection([])
  const view = indexView(assignments, open)
  ok(!view.options.hasNoQuizzes)
})
test('#hasNoQuizzes to false if has open quizzes', () => {
  const assignments = new QuizCollection([])
  const open = new QuizCollection([{id: 1, permissions: {delete: true}}])
  const view = indexView(assignments, open)
  ok(!view.options.hasNoQuizzes)
})
test('#hasAssignmentQuizzes if has assignment quizzes', () => {
  const assignments = new QuizCollection([{id: 1, permissions: {delete: true}}])
  const view = indexView(assignments, null, null)
  ok(view.options.hasAssignmentQuizzes)
})
test('#hasOpenQuizzes if has open quizzes', () => {
  const open = new QuizCollection([{id: 1, permissions: {delete: true}}])
  const view = indexView(null, open, null)
  ok(view.options.hasOpenQuizzes)
})
test('#hasSurveys if has surveys', () => {
  const surveys = new QuizCollection([{id: 1, permissions: {delete: true}}])
  const view = indexView(null, null, surveys)
  ok(view.options.hasSurveys)
})
test("shows modified '+ Quiz' button if quiz lti enabled", () => {
  ENV.flags.quiz_lti_enabled = true
  const view = indexView(null, null, null)
  const $button = view.$('.choose-quiz-engine')
  equal($button.length, 1)
})
test("does not show modified '+ Quiz' button when quiz lti disabled", () => {
  ENV.flags.quiz_lti_enabled = false
  const view = indexView(null, null, null)
  equal(view.$('.choose-quiz-engine').length, 0)
})
test('renders choose quiz engine modal', () => {
  ENV.flags.quiz_lti_enabled = true
  sinon.stub(ReactDOM, 'render')
  const view = indexView(null, null, null)
  view.$('.choose-quiz-engine').simulate('click')
  const args = ReactDOM.render.firstCall.args
  equal(args[0].props.setOpen, true)
  ReactDOM.render.restore()
})
test('should render the view', () => {
  const assignments = new QuizCollection([
    {
      id: 1,
      title: 'Foo Title',
      permissions: {delete: true},
    },
    {
      id: 2,
      title: 'Bar Title',
      permissions: {delete: true},
    },
  ])
  const open = new QuizCollection([
    {
      id: 3,
      title: 'Foo Title',
      permissions: {delete: true},
    },
    {
      id: 4,
      title: 'Bar Title',
      permissions: {delete: true},
    },
  ])
  const view = indexView(assignments, open)
  equal(view.$el.find('.collectionViewItems li.quiz').length, 4)
})
test('should filter by search term', () => {
  const assignments = new QuizCollection([
    {
      id: 1,
      title: 'Foo Name',
      permissions: {delete: true},
    },
    {
      id: 2,
      title: 'Bar Title',
      permissions: {delete: true},
    },
  ])
  const open = new QuizCollection([
    {
      id: 3,
      title: 'Baz Title',
      permissions: {delete: true},
    },
    {
      id: 4,
      title: 'Qux Name',
      permissions: {delete: true},
    },
  ])
  let view = indexView(assignments, open)
  $('#searchTerm').val('foo')
  view.filterResults()
  equal(view.$el.find('.collectionViewItems li.quiz').length, 1)
  view = indexView(assignments, open)
  $('#searchTerm').val('name')
  view.filterResults()
  equal(view.$el.find('.collectionViewItems li.quiz').length, 2)
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 FileUploadQuestionViewSpec.js	JS	2.9 KB	2023-09-24 03:36	EDIT
📄 IndexViewSpec.js	JS	6.4 KB	2023-09-24 03:39	EDIT
📄 LDBLoginPopupSpec.js	JS	4.3 KB	2023-09-24 03:36	EDIT
📄 NoQuizzesViewSpec.js	JS	1.2 KB	2023-09-24 03:36	EDIT
📄 QuizItemGroupViewSpec.js	JS	4 KB	2023-09-24 03:36	EDIT
📄 QuizItemViewSpec.js	JS	25.1 KB	2023-09-24 03:39	EDIT