SWAMPy

✎ CARVE FLESH

EDITING: GradebookSpecHelper.ts

// @ts-nocheck
/*
 * Copyright (C) 2017 - 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 Gradebook from '../Gradebook'
import type {GradebookProps} from '../Gradebook'
import GradebookGrid from '../GradebookGrid/index'
import PostGradesStore from '../../SISGradePassback/PostGradesStore'
import CellFormatterFactory from '../GradebookGrid/formatters/CellFormatterFactory'
import ColumnHeaderRenderer from '../GradebookGrid/headers/ColumnHeaderRenderer'
import PerformanceControls from '../PerformanceControls'
import {RequestDispatch} from '@canvas/network'
import {camelizeProperties} from '@canvas/convert-case'

const performance_controls = {
  students_chunk_size: 2, // students per page
}

const postGradesStore = PostGradesStore({
  course: {id: '1', sis_id: null},
  selected: {
    id: '1',
    type: 'course',
  },
})

export const defaultGradebookEnv = {
  allow_apply_score_to_ungraded: false,
  allow_separate_first_last_names: true,
  api_max_per_page: 50,
  chunk_size: 50,
  closed_grading_period_ids: [],
  colors: {},
  context_allows_gradebook_uploads: true,
  context_id: '1',
  context_url: '/courses/1/',
  course_settings: {
    allow_final_grade_override: false,
    filter_speed_grader_by_student_group: false,
  },
  currentUserId: '1',
  dataloader_improvements: true,
  default_grading_standard: [
    ['A', 0.9],
    ['B', 0.8],
    ['C', 0.7],
    ['D', 0.6],
    ['F', 0.0],
  ],
  editable: true,
  export_gradebook_csv_url: 'http://example.com/export',
  final_grade_override_enabled: false,
  gradebook_column_order_settings_url: 'http://example.com/gradebook_column_order_settings_url',
  gradebook_import_url: 'http://example.com/import',
  gradebook_is_editable: true,
  graded_late_submissions_exist: false,
  grading_schemes: [
    {
      id: '2801',
      data: [
        ['😂', 0.9],
        ['🙂', 0.8],
        ['😐', 0.7],
        ['😢', 0.6],
        ['💩', 0],
      ],
      title: 'Emoji Grades',
    },
  ],
  has_modules: true,
  hideAssignmentGroupTotals: false,
  hideTotal: false,
  latePolicyStatusDisabled: false,
  locale: 'en',
  outcome_gradebook_enabled: false,
  performanceControls: new PerformanceControls(),
  post_grades_ltis: [],
  publish_to_sis_enabled: false,
  sections: [],
  settings: {
    show_concluded_enrollments: 'false',
    show_inactive_enrollments: 'false',
  },
  settings_update_url: '/path/to/settingsUpdateUrl',
  speed_grader_enabled: true,
  student_groups: {},
}

export const defaultGradebookProps: GradebookProps = {
  actionMenuNode: document.createElement('span'),
  anonymousSpeedGraderAlertNode: document.createElement('span'),
  appliedFilters: [],
  applyScoreToUngradedModalNode: document.createElement('div'),
  assignmentMap: {},
  colors: {
    dropped: 'test',
    excused: 'test',
    extended: 'test',
    late: 'test',
    missing: 'test',
    resubmitted: 'test',
  },
  customColumns: [],
  dispatch: new RequestDispatch(),
  enhancedActionMenuNode: document.createElement('span'),
  fetchGradingPeriodAssignments: () => Promise.resolve({}),
  flashAlerts: [],
  flashMessageContainer: document.createElement('div'),
  gradebookEnv: defaultGradebookEnv,
  gradebookGridNode: document.createElement('div'),
  gradebookMenuNode: document.createElement('div'),
  gradingPeriodAssignments: {},
  gradebookSettingsModalContainer: document.createElement('span'),
  gridColorNode: document.createElement('div'),
  isFiltersLoading: false,
  isGridLoaded: false,
  isModulesLoading: false,
  isStudentIdsLoading: false,
  locale: 'en',
  loadDataForCustomColumn: () => Promise.resolve(),
  modules: [
    {id: '1', name: 'Module 1', position: 1},
    {id: '2', name: 'Another Module', position: 2},
    {id: '3', name: 'Module 2', position: 3},
  ],
  recentlyLoadedCustomColumnData: null,
  reloadStudentData: () => {},
  reorderCustomColumns: () => Promise.resolve(),
  postGradesStore,
  settingsModalButtonContainer: document.createElement('div'),
  sisOverrides: [],
  studentIds: [],
  viewOptionsMenuNode: document.createElement('div'),
  performanceControls: new PerformanceControls(),
  isCustomColumnsLoading: false,
  updateColumnOrder: () => Promise.resolve(),
}

export function createGradebook(
  options: {
    performance_controls?: any
    gradebook_is_editable?: any
    gradebookGridNode?: HTMLElement
  } = {}
): Gradebook & {
  props: GradebookProps
} {
  const performanceControls = new PerformanceControls({
    ...performance_controls,
    ...camelizeProperties(options.performance_controls),
  })
  const dispatch = new RequestDispatch({
    activeRequestLimit: performanceControls.activeRequestLimit,
  })

const gradebook = new Gradebook({
    ...defaultGradebookProps,
    ...options,
    performanceControls,
    dispatch,
  })

gradebook.keyboardNav = {
    addGradebookElement() {},
    removeGradebookElement() {},
  }

const formatterFactory = new CellFormatterFactory(gradebook)
  const columnHeaderRenderer = new ColumnHeaderRenderer(gradebook)
  gradebook.gradebookGrid = new GradebookGrid({
    $container: options.gradebookGridNode || document.getElementById('gradebook_grid'),
    activeBorderColor: '#1790DF', // $active-border-color
    data: gradebook.gridData,
    editable: options.gradebook_is_editable,
    formatterFactory,
    columnHeaderRenderer,
  })

gradebook.gradebookGrid.gridSupport = {
    columns: {
      updateColumnHeaders() {},
      scrollToStart() {},
      scrollToEnd() {},
    },
  }

gradebook.bindGridEvents()

return gradebook
}

export function setFixtureHtml($fixture) {
  return ($fixture.innerHTML = `
    <div id="application">
      <div id="wrapper">
        <div data-component="GridColor"></div>
        <div id="assignment-group-filter-container"></div>
        <div id="grading-periods-filter-container"></div>
        <div id="modules-filter-container"></div>
        <div id="sections-filter-container"></div>
        <div id="student-group-filter-container"></div>
        <div id="search-filter-container">
          <input type="text" />
        </div>
        <div id="hide-assignment-grades-tray"></div>
        <div id="post-assignment-grades-tray"></div>
        <div id="assignment-posting-policy-tray"></div>
        <div data-component="StatusesModal"></div>
        <div data-component="AnonymousSpeedGraderAlert"></div>
        <div id="StudentTray__Container"></div>
        <div id="gradebook_grid"></div>
      </div>
    </div>
  `)
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 Gradebook.sorting.test.ts	TS	17.1 KB	2023-09-24 03:36	EDIT
📄 Gradebook.utils.test.ts	TS	16.8 KB	2023-09-24 03:39	EDIT
📄 GradebookData.test.tsx	TSX	2 KB	2023-09-24 03:36	EDIT
📄 GradebookSpecHelper.ts	TS	6.9 KB	2023-09-24 03:36	EDIT