@instructure/canvas-rce 5.6.2 → 5.6.4

package/es/rce/plugins/instructure_links/components/LinkOptionsDialog/__tests__/LinkOptionsDialog.test.js

@@ -1,144 +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 { render } from '@testing-library/react';
-import LinkOptionsDialog from '..';
-import LinkOptionsDialogDriver from './LinkOptionsDialogDriver';
-describe('RCE "Links" Plugin > LinkOptionsDialog', () => {
-  let props;
-  let dialog;
-  beforeEach(() => {
-    props = {
-      text: 'Syllabus.doc',
-      url: 'http://example.instructure.com/files/3201/download',
-      operation: 'create',
-      onRequestClose: jest.fn(),
-      onSave: jest.fn(),
-      open: true
-    };
-  });
-
-  function renderComponent() {
-    render( /*#__PURE__*/React.createElement(LinkOptionsDialog, props));
-    dialog = LinkOptionsDialogDriver.find(props.operation);
-  }
-
-  it('is optionally rendered open', () => {
-    props.open = true;
-    renderComponent();
-    expect(dialog).not.toBeNull();
-  });
-  it('is optionally rendered closed', () => {
-    props.open = false;
-    renderComponent();
-    expect(dialog).toBeNull();
-  });
-  it('is labeled with "Insert Link" when creating a new link', () => {
-    renderComponent();
-    expect(dialog.label).toEqual('Insert Link');
-  });
-  it('is labeled with "Create Link" when creating a new link', () => {
-    props.operation = 'edit';
-    renderComponent();
-    expect(dialog.label).toEqual('Edit Link');
-  });
-  describe('"Text" field', () => {
-    it('uses the value of .text in the given content', () => {
-      renderComponent();
-      expect(dialog.text).toEqual(props.text);
-    });
-  });
-  describe('"Link" field', () => {
-    it('uses the value of .url in the given content', () => {
-      renderComponent();
-      expect(dialog.link).toEqual(props.url);
-    });
-    it('shows an error message if the url is invalid', () => {
-      props.url = 'xxx://example.instructure.com/files/3201/download';
-      renderComponent();
-      expect(dialog.link).toEqual(props.url);
-      expect(dialog.$errorMessage).toBeInTheDocument();
-      expect(dialog.doneButtonIsDisabled).toBe(true); // correct the URL
-
-      dialog.setLink('//example.instructure.com/files/3201/download');
-      expect(dialog.link).toEqual('//example.instructure.com/files/3201/download');
-      expect(dialog.$errorMessage).toBeNull();
-      expect(dialog.doneButtonIsDisabled).toBe(false);
-    });
-  });
-  describe('"Done" button', () => {
-    describe('when a Link url is not present', () => {
-      beforeEach(() => {
-        renderComponent();
-        dialog.setLink('');
-      });
-      it('is disabled', () => {
-        expect(dialog.$doneButton.disabled).toBe(true);
-      });
-      it('does not call the .onSave prop when clicked', () => {
-        dialog.$doneButton.click();
-        expect(props.onSave).toHaveBeenCalledTimes(0);
-      });
-    });
-    describe('when clicked', () => {
-      beforeEach(() => {
-        renderComponent();
-      });
-      it('prevents the default click handler', () => {
-        const preventDefault = jest.fn();
-        dialog.$doneButton.addEventListener('click', event => {
-          Object.assign(event, {
-            preventDefault
-          });
-        }, true);
-        dialog.$doneButton.click();
-        expect(preventDefault).toHaveBeenCalledTimes(1);
-      });
-      it('calls the .onSave prop', () => {
-        dialog.$doneButton.click();
-        expect(props.onSave).toHaveBeenCalledTimes(1);
-      });
-      describe('when calling the .onSave prop', () => {
-        it('includes the Text', () => {
-          dialog.setText('Syllabus-revised-final__FINAL (2).doc');
-          dialog.$doneButton.click();
-          const [{
-            text
-          }] = props.onSave.mock.calls[0];
-          expect(text).toEqual('Syllabus-revised-final__FINAL (2).doc');
-        });
-        it('includes the Link', () => {
-          dialog.setLink('http://example.instructure.com/files/3299/download');
-          dialog.$doneButton.click();
-          const [linkAttrs] = props.onSave.mock.calls[0];
-          expect(linkAttrs.href).toEqual('http://example.instructure.com/files/3299/download');
-          expect(linkAttrs.class).toEqual('inline_disabled');
-          expect(linkAttrs.embed).toBeUndefined();
-        });
-        it('sets the text to the url when missing', () => {
-          dialog.setText('');
-          dialog.$doneButton.click();
-          const [{
-            text
-          }] = props.onSave.mock.calls[0];
-          expect(text).toEqual(props.url);
-        });
-      });
-    });
-  });
-});

package/es/rce/plugins/instructure_links/components/LinkOptionsDialog/__tests__/LinkOptionsDialogController.test.js

@@ -1,97 +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 ReactDOM from 'react-dom';
-import LinkOptionsDialogController, { CONTAINER_ID } from '../LinkOptionsDialogController';
-import FakeEditor from '../../../../shared/__tests__/FakeEditor';
-import bridge from '../../../../../../bridge';
-import LinkOptionsDialogDriver from './LinkOptionsDialogDriver';
-jest.mock('../../../../../../bridge');
-describe('RCE "Links" Plugin > LinkOptionsDialog > LinkOptionsDialogController', () => {
-  let dialogController;
-  let editor;
-  beforeEach(() => {
-    editor = new FakeEditor();
-    editor.initialize();
-    dialogController = new LinkOptionsDialogController();
-  });
-  afterEach(() => {
-    editor.uninitialize();
-    const $container = document.getElementById(CONTAINER_ID);
-
-    if ($container != null) {
-      ReactDOM.unmountComponentAtNode($container);
-    }
-  });
-
-  function getDialog(op) {
-    return LinkOptionsDialogDriver.find(op);
-  }
-
-  describe('#showDialogForEditor()', () => {
-    describe('when creating a new link', () => {
-      it('opens the dialog', () => {
-        dialogController.showDialogForEditor(editor, 'create');
-        expect(getDialog('create')).not.toBeNull();
-      });
-    });
-    describe('when editing an existing link', () => {
-      it('opens the dialog', () => {
-        dialogController.showDialogForEditor(editor, 'edit');
-        expect(getDialog('edit')).not.toBeNull();
-      });
-    });
-  });
-  describe('#hideDialogForEditor()', () => {
-    it('closes the dialog when open', () => {
-      dialogController.showDialogForEditor(editor, 'create');
-      dialogController.hideDialog();
-      expect(getDialog()).toBeNull();
-    });
-    it('does nothing when the dialog was not open', () => {
-      // In effect, it does not explode.
-      dialogController.hideDialog();
-      expect(getDialog()).toBeNull();
-    });
-  });
-  describe('#_applyLinkOptions', () => {
-    it('dismisses the dialog', () => {
-      dialogController.showDialogForEditor(editor, 'create');
-
-      dialogController._applyLinkOptions({});
-
-      expect(getDialog()).toBeNull();
-    });
-    it('inserts the link', () => {
-      dialogController.showDialogForEditor(editor, 'create');
-
-      dialogController._applyLinkOptions({});
-
-      expect(bridge.insertLink).toHaveBeenCalledWith({});
-    });
-  });
-  describe('Done', () => {
-    it('focuses the editor on saving the new link', () => {
-      dialogController.showDialogForEditor(editor, 'create');
-      const lodd = getDialog('create');
-      lodd.setText('link text');
-      lodd.setLink('http://example.com');
-      lodd.$doneButton.click();
-      expect(bridge.focusEditor).toHaveBeenCalledWith(editor.rceWrapper);
-    });
-  });
-});

package/es/rce/plugins/instructure_links/components/LinkOptionsDialog/__tests__/LinkOptionsDialogDriver.js

@@ -1,87 +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 { fireEvent, queryByLabelText, queryByTestId } from '@testing-library/dom';
-export default class LinkOptionsDialogDriver {
-  static find(op) {
-    const label = op === 'create' ? 'Insert Link' : 'Edit Link';
-    const $tray = queryByLabelText(document.body, label);
-
-    if ($tray == null) {
-      return null;
-    }
-
-    return new LinkOptionsDialogDriver($tray);
-  }
-
-  constructor($element) {
-    this.$element = $element;
-  }
-
-  get label() {
-    return this.$element.getAttribute('aria-label');
-  }
-
-  get $textField() {
-    return queryByLabelText(document.body, 'Text', {
-      selector: 'input'
-    });
-  }
-
-  get $linkField() {
-    return queryByLabelText(document.body, 'Link', {
-      selector: 'input'
-    });
-  }
-
-  get $doneButton() {
-    return [...this.$element.querySelectorAll('button,[role="button"]')].find($button => $button.textContent.trim() === 'Done');
-  }
-
-  get doneButtonIsDisabled() {
-    return this.$doneButton.getAttribute('disabled') !== null;
-  }
-
-  get $errorMessage() {
-    return queryByTestId(this.$element, 'url-error');
-  }
-
-  get text() {
-    return this.$textField.value;
-  }
-
-  get link() {
-    return this.$linkField.value;
-  }
-
-  setText(text) {
-    fireEvent.change(this.$textField, {
-      target: {
-        value: text
-      }
-    });
-  }
-
-  setLink(text) {
-    fireEvent.change(this.$linkField, {
-      target: {
-        value: text
-      }
-    });
-  }
-
-}

package/es/rce/plugins/instructure_links/components/LinkOptionsTray/__tests__/LinkOptionsTray.test.js

@@ -1,249 +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 { render } from '@testing-library/react';
-import LinkOptionsTray from '..';
-import LinkOptionsTrayDriver from './LinkOptionsTrayDriver';
-describe('RCE "Links" Plugin > LinkOptionsTray', () => {
-  let props;
-  let tray;
-  beforeEach(() => {
-    props = {
-      content: {
-        displayAs: 'link',
-        text: 'Syllabus.doc',
-        url: 'http://example.instructure.com/files/3201/download',
-        isPreviewable: true,
-        onlyTextSelected: true
-      },
-      onRequestClose: jest.fn(),
-      onSave: jest.fn(),
-      open: true
-    };
-  });
-
-  function renderComponent() {
-    render( /*#__PURE__*/React.createElement(LinkOptionsTray, props));
-    tray = LinkOptionsTrayDriver.find();
-  }
-
-  it('is optionally rendered open', () => {
-    props.open = true;
-    renderComponent();
-    expect(tray).not.toBeNull();
-  });
-  it('is optionally rendered closed', () => {
-    props.open = false;
-    renderComponent();
-    expect(tray).toBeNull();
-  });
-  it('is labeled with "Link Options"', () => {
-    renderComponent();
-    expect(tray.label).toEqual('Link Options');
-  });
-  describe('"Text" field', () => {
-    it('uses the value of .text in the given content', () => {
-      renderComponent();
-      expect(tray.text).toEqual(props.content.text);
-    });
-    it('does not show the text field if something other than text was selected', () => {
-      props.content.onlyTextSelected = false;
-      renderComponent();
-      expect(tray.$textField).toBe(null);
-    });
-  });
-  describe('"Link" field', () => {
-    it('uses the value of .url in the given content', () => {
-      renderComponent();
-      expect(tray.link).toEqual(props.content.url);
-    });
-    it('shows an error message if the url is invalid', () => {
-      props.content.url = 'xxx://example.instructure.com/files/3201/download';
-      renderComponent();
-      expect(tray.link).toEqual(props.content.url);
-      expect(tray.$errorMessage).toBeInTheDocument();
-      expect(tray.doneButtonIsDisabled).toBe(true); // correct the URL
-
-      tray.setLink('//example.instructure.com/files/3201/download');
-      expect(tray.link).toEqual('//example.instructure.com/files/3201/download');
-      expect(tray.$errorMessage).toBeNull();
-      expect(tray.doneButtonIsDisabled).toBe(false);
-    });
-  });
-  describe('"Display Options" field', () => {
-    it('is hidden if the link is not previewable', () => {
-      props.content.isPreviewable = false;
-      renderComponent();
-      expect(tray.$previewCheckbox).not.toBeInTheDocument();
-    });
-    it('is shown if the link is previewable', () => {
-      renderComponent();
-      expect(tray.$displayAsField).toBeInTheDocument();
-    });
-    it('preview_option is "overlay" and auto-preview is hidden if displayAs is "embed-disabled"', () => {
-      props.content.displayAs = 'embed-disabled';
-      renderComponent();
-      expect(tray.$previewCheckbox).toBeNull();
-      expect(tray.previewOption).toBe('overlay');
-    });
-    it('preview_option is "inline" and auto-preview is shown if displayAs is "link"', () => {
-      props.content.displayAs = 'link';
-      renderComponent();
-      expect(tray.$previewCheckbox).toBeInTheDocument();
-      expect(tray.autoPreview).toBeFalsy();
-      expect(tray.previewOption).toBe('inline');
-    });
-    it('preview_option is "inline" and auto-preview is checked if displayAs is "embed"', () => {
-      props.content.displayAs = 'embed';
-      renderComponent();
-      expect(tray.autoPreview).toBeTruthy();
-      expect(tray.previewOption).toBe('inline');
-    });
-    it('preview_option is "disable" and auto-preview is hidden if displayAs is "download-link"', () => {
-      props.content.displayAs = 'download-link';
-      renderComponent();
-      expect(tray.$previewCheckbox).toBeNull();
-      expect(tray.previewOption).toBe('disable');
-    });
-    it('can be reset to "Display Text Link"', () => {
-      props.content.displayAs = 'link';
-      renderComponent();
-      tray.setAutoPreview(true);
-      expect(tray.autoPreview).toBeTruthy();
-      tray.setAutoPreview(false);
-      expect(tray.autoPreview).toBeFalsy();
-    });
-  });
-  describe('"Done" button', () => {
-    describe('when a Link url is not present', () => {
-      beforeEach(() => {
-        renderComponent();
-        tray.setLink('');
-      });
-      it('is disabled', () => {
-        expect(tray.$doneButton.disabled).toBe(true);
-      });
-      it('does not call the .onSave prop when clicked', () => {
-        tray.$doneButton.click();
-        expect(props.onSave).toHaveBeenCalledTimes(0);
-      });
-    });
-    describe('when clicked', () => {
-      it('prevents the default click handler', () => {
-        renderComponent();
-        const preventDefault = jest.fn();
-        tray.$doneButton.addEventListener('click', event => {
-          Object.assign(event, {
-            preventDefault
-          });
-        }, true);
-        tray.$doneButton.click();
-        expect(preventDefault).toHaveBeenCalledTimes(1);
-      });
-      it('calls the .onSave prop', () => {
-        renderComponent();
-        tray.$doneButton.click();
-        expect(props.onSave).toHaveBeenCalledTimes(1);
-      });
-      describe('when calling the .onSave prop', () => {
-        it('includes the Text', () => {
-          renderComponent();
-          tray.setText('Syllabus-revised-final__FINAL (2).doc');
-          tray.$doneButton.click();
-          const [{
-            text
-          }] = props.onSave.mock.calls[0];
-          expect(text).toEqual('Syllabus-revised-final__FINAL (2).doc');
-        });
-        it('omits target and class attributes', () => {
-          renderComponent();
-          tray.$doneButton.click();
-          const [linkAttrs] = props.onSave.mock.calls[0];
-          expect(linkAttrs.target).toBeUndefined();
-          expect(linkAttrs.class).toBeUndefined();
-        });
-        it('omits embed info if the file is not previewable', () => {
-          props.content.isPreviewable = false;
-          renderComponent();
-          tray.$doneButton.click();
-          const [linkAttrs] = props.onSave.mock.calls[0];
-          expect(linkAttrs.embed).toBeNull();
-        });
-        it('includes embed info if the file is previewable', () => {
-          props.content.isPreviewable = true;
-          renderComponent();
-          tray.$doneButton.click();
-          const [{
-            embed
-          }] = props.onSave.mock.calls[0];
-          expect(embed.type).toEqual('scribd');
-          expect(embed.autoOpenPreview).toBeFalsy();
-        });
-        it('sets autoOpen if the displayAs is "embed"', () => {
-          props.content.isPreviewable = true;
-          renderComponent();
-          tray.setAutoPreview(true);
-          tray.$doneButton.click();
-          const [{
-            embed
-          }] = props.onSave.mock.calls[0];
-          expect(embed.type).toEqual('scribd');
-          expect(embed.autoOpenPreview).toBeTruthy();
-          expect(embed.disableInlinePreview).toBeFalsy();
-        });
-        it('includes the Link', () => {
-          renderComponent();
-          tray.setLink('http://example.instructure.com/files/3299/download');
-          tray.$doneButton.click();
-          const [{
-            href
-          }] = props.onSave.mock.calls[0];
-          expect(href).toEqual('http://example.instructure.com/files/3299/download');
-        });
-      });
-      describe('sets disableInlinePreview', () => {
-        it('if preview_option is "overlay"', () => {
-          props.content.isPreviewable = true;
-          renderComponent();
-          tray.setPreviewOption('overlay');
-          tray.$doneButton.click();
-          const [{
-            embed
-          }] = props.onSave.mock.calls[0];
-          expect(embed.type).toEqual('scribd');
-          expect(embed.autoOpenPreview).toBeFalsy();
-          expect(embed.disableInlinePreview).toBeTruthy();
-          expect(embed.noPreview).toBeFalsy();
-        });
-        it('if preview_option is "disable"', () => {
-          props.content.isPreviewable = true;
-          renderComponent();
-          tray.setPreviewOption('disable');
-          tray.$doneButton.click();
-          const [{
-            embed
-          }] = props.onSave.mock.calls[0];
-          expect(embed.type).toEqual('scribd');
-          expect(embed.autoOpenPreview).toBeFalsy();
-          expect(embed.disableInlinePreview).toBeTruthy();
-          expect(embed.noPreview).toBeTruthy();
-        });
-      });
-    });
-  });
-});

package/es/rce/plugins/instructure_links/components/LinkOptionsTray/__tests__/LinkOptionsTrayController.test.js

@@ -1,88 +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 ReactDOM from 'react-dom';
-import LinkOptionsTrayController, { CONTAINER_ID } from '../LinkOptionsTrayController';
-import FakeEditor from '../../../../shared/__tests__/FakeEditor';
-import LinkOptionsTrayDriver from './LinkOptionsTrayDriver';
-describe('RCE "Links" Plugin > LinkOptionsTray > LinkOptionsTrayController', () => {
-  let editors;
-  let trayController;
-  beforeEach(() => {
-    editors = [new FakeEditor(), new FakeEditor()];
-    editors.forEach(editor => {
-      editor.initialize();
-    });
-    trayController = new LinkOptionsTrayController();
-  });
-  afterEach(() => {
-    editors.forEach(editor => editor.uninitialize());
-    const $container = document.getElementById(CONTAINER_ID);
-
-    if ($container != null) {
-      ReactDOM.unmountComponentAtNode($container);
-    }
-  });
-
-  function getTray() {
-    return LinkOptionsTrayDriver.find();
-  }
-
-  describe('#showTrayForEditor()', () => {
-    describe('when the tray is not already open', () => {
-      it('opens the tray', () => {
-        trayController.showTrayForEditor(editors[0]);
-        expect(getTray()).not.toBeNull();
-      });
-    });
-    describe('when the tray is open for a different editor', () => {
-      beforeEach(() => {
-        trayController.showTrayForEditor(editors[0]);
-        trayController.showTrayForEditor(editors[1]);
-      });
-      it('keeps the tray open', () => {
-        expect(getTray()).not.toBeNull();
-      });
-    });
-    describe('when the tray is already open for the given editor', () => {
-      beforeEach(() => {
-        trayController.showTrayForEditor(editors[0]);
-      });
-      it('keeps the tray open', () => {
-        expect(getTray()).not.toBeNull();
-      });
-    });
-  });
-  describe('#hideTrayForEditor()', () => {
-    it('closes the tray when open for the given editor', () => {
-      trayController.showTrayForEditor(editors[0]);
-      trayController.hideTrayForEditor(editors[0]);
-      expect(getTray()).toBeNull();
-    });
-    it('does not close the tray when open for a different editor', () => {
-      trayController.showTrayForEditor(editors[0]);
-      trayController.showTrayForEditor(editors[1]);
-      trayController.hideTrayForEditor(editors[0]);
-      expect(getTray()).not.toBeNull();
-    });
-    it('does nothing when the tray was not open', () => {
-      // In effect, it does not explode.
-      trayController.hideTrayForEditor(editors[0]);
-      expect(getTray()).toBeNull();
-    });
-  });
-});