@instructure/canvas-rce 5.6.2 → 5.6.4

package/es/rce/plugins/shared/DimensionsInput/__tests__/DimensionsInputDriver.js

@@ -1,76 +0,0 @@
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-
-/*
- * 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 NumberInputDriver from './NumberInputDriver';
-import { queryByLabelText, getByTestId } from '@testing-library/react';
-export default class DimensionsInputDriver {
-  static find($parent) {
-    const $fieldset = [...$parent.querySelectorAll('fieldset')].find($element => {
-      var _context;
-
-      return _includesInstanceProperty(_context = $element.textContent).call(_context, 'Dimensions');
-    });
-
-    if ($fieldset == null) {
-      return null;
-    }
-
-    return new DimensionsInputDriver($fieldset);
-  }
-
-  constructor($parent) {
-    this.$typeSelector = $parent.firstChild.firstChild;
-    this.$dimensionsInput = $parent.firstChild.lastChild;
-  }
-
-  get width() {
-    const $container = getByTestId(this.$dimensionsInput, 'input-number-container');
-    return NumberInputDriver.findByLabelText('Width', $container);
-  }
-
-  get height() {
-    const $container = getByTestId(this.$dimensionsInput, 'input-number-container');
-    return NumberInputDriver.findByLabelText('Height', $container);
-  }
-
-  get percentage() {
-    const $container = getByTestId(this.$dimensionsInput, 'input-number-container');
-    return NumberInputDriver.findByLabelText('Percentage', $container);
-  }
-
-  get pixelsRadioButton() {
-    const $parent = getByTestId(this.$typeSelector, 'dimension-type');
-    return queryByLabelText($parent, 'Pixels', {
-      exact: false
-    });
-  }
-
-  get percentageRadioButton() {
-    const $parent = getByTestId(this.$typeSelector, 'dimension-type');
-    return queryByLabelText($parent, 'Percentage', {
-      exact: false
-    });
-  }
-
-  get messageTexts() {
-    const messageContainer = this.$dimensionsInput.querySelector('fieldset legend span:last-child span:first-child');
-    return [...messageContainer.querySelectorAll('span')].map($message => $message.textContent.trim());
-  }
-
-}

package/es/rce/plugins/shared/DimensionsInput/__tests__/NumberInputDriver.js

@@ -1,77 +0,0 @@
-/*
- * 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 { queryByLabelText, fireEvent } from '@testing-library/react';
-export default class NumberInputDriver {
-  static findByLabelText(labelText, $parent) {
-    const $input = queryByLabelText($parent, labelText, {
-      exact: false
-    });
-
-    if ($input == null) {
-      return null;
-    }
-
-    return new NumberInputDriver($input);
-  }
-
-  constructor($element) {
-    this.$element = $element;
-  }
-
-  get label() {
-    return null;
-  }
-
-  get value() {
-    return this.$element.value;
-  }
-
-  get messageTexts() {
-    const [$label] = this.$element.labels;
-    const messagesId = $label.getAttribute('aria-describedby');
-
-    if (messagesId == null) {
-      return [];
-    }
-
-    return [...$label.querySelectorAll(`#${messagesId} > *`)].map($message => $message.textContent.trim());
-  }
-
-  setValue(value) {
-    fireEvent.change(this.$element, {
-      target: {
-        value
-      }
-    });
-  }
-
-  decrement() {
-    // Down Arrow
-    fireEvent.keyDown(this.$element, {
-      keyCode: 40
-    });
-  }
-
-  increment() {
-    // Up Arrow
-    fireEvent.keyDown(this.$element, {
-      keyCode: 38
-    });
-  }
-
-}

package/es/rce/plugins/shared/Upload/__tests__/CategoryProcessor.test.js

@@ -1,65 +0,0 @@
-/*
- * Copyright (C) 2022 - 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 * as CategoryProcessor from '../CategoryProcessor';
-import { TYPE, ICON_MAKER_ICONS, SVG_TYPE } from '../../../instructure_icon_maker/svg/constants';
-describe('process()', () => {
-  let fileText, fileType;
-
-  const file = () => ({
-    slice: () => ({
-      text: async () => fileText
-    }),
-    type: fileType
-  });
-
-  const subject = function () {
-    let fileOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    return CategoryProcessor.process(fileOverride || file());
-  };
-
-  beforeEach(() => {
-    fileText = 'some text in the file';
-  });
-  describe('when the file type matches the SVG processor', () => {
-    beforeEach(() => {
-      fileType = SVG_TYPE;
-      fileText = 'something something ' + TYPE;
-    });
-    it('processes the file with the SVG processor', async () => {
-      const category = await subject();
-      expect(category).toMatchObject({
-        category: ICON_MAKER_ICONS
-      });
-    });
-  });
-  describe('when the file type does not match a processor', () => {
-    beforeEach(() => {
-      fileType = 'image/png';
-    });
-    it('returns undefined', async () => {
-      const category = await subject();
-      expect(category).toBeUndefined();
-    });
-  });
-  describe('when no file is given', () => {
-    it('returns undefined', async () => {
-      const category = await CategoryProcessor.process(undefined);
-      expect(category).toBeUndefined();
-    });
-  });
-});

package/es/rce/plugins/shared/Upload/__tests__/ComputerPanel.test.js

@@ -1,283 +0,0 @@
-/*
- * 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 React from 'react';
-import { act, render, fireEvent, waitFor, cleanup } from '@testing-library/react';
-import ComputerPanel from '../ComputerPanel';
-afterEach(cleanup);
-describe('UploadFile: ComputerPanel', () => {
-  it('shows a failure message if the file is rejected', () => {
-    const notAnImageFile = new File(['foo'], 'foo.txt', {
-      type: 'text/plain'
-    });
-    const {
-      getByLabelText,
-      getByText
-    } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-      theFile: null,
-      setFile: () => {},
-      setError: () => {},
-      accept: "image/*",
-      label: "Upload File"
-    }));
-    const dropZone = getByLabelText(/Upload File/, {
-      selector: 'input'
-    });
-    fireEvent.change(dropZone, {
-      target: {
-        files: [notAnImageFile]
-      }
-    });
-    expect(getByText('Invalid file type')).toBeVisible();
-  });
-  it('accepts file files', () => {
-    const aFile = new File(['foo'], 'foo.png', {
-      type: 'image/png'
-    });
-    const {
-      getByLabelText,
-      queryByText
-    } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-      theFile: null,
-      setFile: () => {},
-      setError: () => {},
-      accept: "image/*",
-      label: "Upload File"
-    }));
-    const dropZone = getByLabelText(/Upload File/, {
-      selector: 'input'
-    });
-    fireEvent.change(dropZone, {
-      target: {
-        files: [aFile]
-      }
-    });
-    expect(queryByText('Invalid file type')).toBeNull();
-  });
-  it('clears error messages if a valid file is added', () => {
-    const notAnImageFile = new File(['foo'], 'foo.txt', {
-      type: 'text/plain'
-    });
-    const aFile = new File(['foo'], 'foo.png', {
-      type: 'image/png'
-    });
-    const {
-      getByLabelText,
-      getByText,
-      queryByText
-    } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-      theFile: null,
-      setFile: () => {},
-      setError: () => {},
-      accept: "image/*",
-      label: "Upload File"
-    }));
-    const dropZone = getByLabelText(/Upload File/, {
-      selector: 'input'
-    });
-    fireEvent.change(dropZone, {
-      target: {
-        files: [notAnImageFile]
-      }
-    });
-    expect(getByText('Invalid file type')).toBeVisible();
-    fireEvent.change(dropZone, {
-      target: {
-        files: [aFile]
-      }
-    });
-    expect(queryByText('Invalid file type')).toBeNull();
-  });
-  describe('file preview', () => {
-    it('shows the image preview when hasUploadedFile is true for an image file', async () => {
-      const aFile = new File(['foo'], 'foo.png', {
-        type: 'image/png'
-      });
-      const {
-        getByText,
-        getByLabelText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        accept: "image/*",
-        label: "Upload File"
-      }));
-      expect(getByText('Generating preview...')).toBeInTheDocument();
-      const preview = await waitFor(() => getByLabelText('foo.png image preview'));
-      expect(preview).toBeInTheDocument();
-    });
-    it('shows the text file preview when hasUploadedFile is true for a text file', async () => {
-      const aFile = new File(['foo'], 'foo.txt', {
-        type: 'text/plain'
-      });
-      const {
-        getByText,
-        getByLabelText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        accept: "text/*",
-        label: "Upload File"
-      }));
-      expect(getByText('Generating preview...')).toBeInTheDocument();
-      const preview = await waitFor(() => getByLabelText('foo.txt text preview'));
-      expect(preview).toBeInTheDocument();
-    });
-    it('shows the generic file preview when hasUploadedFile is true for a file not an image or text', async () => {
-      const aFile = new File(['foo'], 'foo.pdf', {
-        type: 'application/pdf'
-      });
-      const {
-        getByText,
-        getByLabelText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        accept: "text/*",
-        label: "Upload File"
-      }));
-      expect(getByText('Generating preview...')).toBeInTheDocument();
-      const preview = await waitFor(() => getByLabelText('foo.pdf file icon'));
-      expect(preview).toBeInTheDocument();
-    });
-    it('clicking the trash button removes the file preview', async () => {
-      const aFile = new File(['foo'], 'foo.txt', {
-        type: 'text/plain'
-      });
-      const handleSetFile = jest.fn();
-      const {
-        getByText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: handleSetFile,
-        setError: () => {},
-        accept: "text/*",
-        label: "Upload File"
-      }));
-      const clearButton = await waitFor(() => getByText(`Clear selected file: ${aFile.name}`));
-      expect(clearButton).toBeInTheDocument();
-      act(() => {
-        fireEvent.click(clearButton);
-      });
-      expect(handleSetFile).toHaveBeenCalledWith(null);
-    }); // this test passes locally, but consistently fails in jenkins.
-    // Though I don't know why, this ComputerPanel typically isn't used to upload video
-    // (that would be the version in canvas-media), and if you do select a video file
-    // from "Upload Document", it works.
-    // see also packages/canvas-media/src/__tests__/ComputerPanel.test.js
-
-    it.skip('Renders a video player preview if afile type is a video', async () => {
-      const aFile = new File(['foo'], 'foo.mp4', {
-        type: 'video/mp4'
-      });
-      const {
-        getByLabelText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        accept: "mp4",
-        label: "Upload File"
-      }));
-      const player = await waitFor(() => getByLabelText('Video Player'));
-      expect(player).toBeInTheDocument();
-    });
-    it('Renders a video icon if afile type is a video/avi', async () => {
-      // because avi videos won't load in the player via a blob url
-      const aFile = new File(['foo'], 'foo.avi', {
-        type: 'video/avi'
-      });
-      const {
-        getByText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        hasUploadedFile: true,
-        label: "Upload File",
-        accept: "avi",
-        languages: [{
-          id: 'en',
-          label: 'english'
-        }]
-      }));
-      const warningMsg = await waitFor(() => getByText('No preview is available for this file.'));
-      expect(warningMsg).toBeInTheDocument();
-    });
-    it('Renders a video icon if afile type is a video/x-ms-wma', async () => {
-      // because wma videos won't load in the player via a blob url
-      const aFile = new File(['foo'], 'foo.wma', {
-        type: 'video/x-ms-wma'
-      });
-      const {
-        getByText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        hasUploadedFile: true,
-        label: "Upload File",
-        accept: "avi",
-        languages: [{
-          id: 'en',
-          label: 'english'
-        }]
-      }));
-      const warningMsg = await waitFor(() => getByText('No preview is available for this file.'));
-      expect(warningMsg).toBeInTheDocument();
-    });
-    it('Renders a video icon if afile type is a video/x-ms-wmv', async () => {
-      // because wmv videos won't load in the player via a blob url
-      const aFile = new File(['foo'], 'foo.wmv', {
-        type: 'video/x-ms-wmv'
-      });
-      const {
-        getByText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        hasUploadedFile: true,
-        label: "Upload File",
-        accept: "avi",
-        languages: [{
-          id: 'en',
-          label: 'english'
-        }]
-      }));
-      const warningMsg = await waitFor(() => getByText('No preview is available for this file.'));
-      expect(warningMsg).toBeInTheDocument();
-    });
-    it('Renders an error message when trying to upload an empty file', async () => {
-      const aFile = new File([], 'empty');
-      const {
-        getByText
-      } = render( /*#__PURE__*/React.createElement(ComputerPanel, {
-        theFile: aFile,
-        setFile: () => {},
-        setError: () => {},
-        accept: "text/*",
-        label: "Upload File"
-      }));
-      const errmsg = await waitFor(() => getByText('You may not upload an empty file.'));
-      expect(errmsg).toBeInTheDocument();
-    });
-  });
-});

package/es/rce/plugins/shared/Upload/__tests__/SvgCategoryProcessor.test.js

@@ -1,71 +0,0 @@
-/*
- * Copyright (C) 2022 - 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 * as SvgCategoryProcessor from '../SvgCategoryProcessor';
-import { TYPE, ICON_MAKER_ICONS } from '../../../instructure_icon_maker/svg/constants';
-describe('process()', () => {
-  let fileText;
-
-  const file = () => ({
-    slice: () => ({
-      text: async () => fileText
-    })
-  });
-
-  beforeEach(() => {
-    fileText = 'some text in the file';
-  });
-
-  const subject = function () {
-    let fileOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    return SvgCategoryProcessor.process(fileOverride || file());
-  };
-
-  describe('when the file includes icon maker type', () => {
-    beforeEach(() => {
-      fileText = 'something something ' + TYPE;
-    });
-    it('returns the icon maker category', async () => {
-      const category = await subject();
-      expect(category).toMatchObject({
-        category: ICON_MAKER_ICONS
-      });
-    });
-  });
-  describe('when the file does not include Icon Maker icon type', () => {
-    beforeEach(() => {
-      fileText = 'something something not icon maker';
-    });
-    it('returns undefined', async () => {
-      const category = await subject();
-      expect(category).toBeUndefined();
-    });
-  });
-  describe('when an exception is raised', () => {
-    const fileWithError = {
-      slice: () => ({
-        text: async () => {
-          throw 'an error';
-        }
-      })
-    };
-    it('returns undefined', async () => {
-      const category = await subject(fileWithError);
-      expect(category).toBeUndefined();
-    });
-  });
-});