@instructure/canvas-rce 5.6.17 → 5.7.0

package/lib/translated/ja/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/index.js

@@ -1,141 +0,0 @@
-var _default_ja_number = Intl.NumberFormat("ja", { style: "decimal" }).format;
-
-/*
- * 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, { useState } from 'react';
-import { func, arrayOf, oneOfType, number, shape, string } from 'prop-types';
-import { Modal } from '@instructure/ui-modal';
-import { Button, CloseButton } from '@instructure/ui-buttons';
-import { Heading } from '@instructure/ui-heading';
-import { List } from '@instructure/ui-list';
-import { View } from '@instructure/ui-view';
-import { Flex } from '@instructure/ui-flex';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TextInput } from '@instructure/ui-text-input';
-import { IconSearchLine } from '@instructure/ui-icons';
-import { Alert } from '@instructure/ui-alerts';
-import formatMessage from '../../../../../format-message';
-import LtiTool from './LtiTool';
-import { instuiPopupMountNode } from '../../../../../util/fullscreenHelpers'; // TODO: we really need a way for the client to pass this to the RCE
-
-const getLiveRegion = () => document.getElementById('flash_screenreader_holder');
-
-const getFilterResults = (term, thingsToFilter) => {
-  if (term.length <= 0) {
-    return thingsToFilter;
-  }
-
-  const query = term ? new RegExp(term, 'i') : null;
-  return thingsToFilter.filter(item => query && query.test(item.title));
-};
-
-export function LtiToolsModal(props) {
-  var _s, _n;
-
-  const [filterTerm, setFilterTerm] = useState('');
-  const [filteredResults, setFilteredResults] = useState(props.ltiButtons);
-
-  const handleFilterChange = e => {
-    setFilterTerm(e.target.value);
-    setFilteredResults(getFilterResults(e.target.value, props.ltiButtons));
-  };
-
-  const filterEmpty = filteredResults.length <= 0;
-  return /*#__PURE__*/React.createElement(Modal, {
-    "data-mce-component": true,
-    liveRegion: getLiveRegion,
-    size: "medium",
-    theme: {
-      mediumMaxWidth: '42rem'
-    },
-    label: "\u30A2\u30D7\u30EA",
-    mountNode: instuiPopupMountNode,
-    onDismiss: props.onDismiss,
-    open: true,
-    shouldCloseOnDocumentClick: false
-  }, /*#__PURE__*/React.createElement(Modal.Header, {
-    theme: {
-      padding: '0.5rem'
-    }
-  }, /*#__PURE__*/React.createElement(CloseButton, {
-    placement: "end",
-    offset: "medium",
-    onClick: props.onDismiss,
-    screenReaderLabel: "\u9589\u3058\u308B"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    margin: "small"
-  }, "\u3059\u3079\u3066\u306E\u30A2\u30D7\u30EA"), /*#__PURE__*/React.createElement(View, {
-    as: "div",
-    padding: "x-small none x-small medium"
-  }, /*#__PURE__*/React.createElement(TextInput, {
-    type: "search",
-    renderLabel: /*#__PURE__*/React.createElement(ScreenReaderContent, null, "\u691C\u7D22"),
-    placeholder: "\u691C\u7D22",
-    renderAfterInput: /*#__PURE__*/React.createElement(IconSearchLine, {
-      inline: false
-    }),
-    onChange: handleFilterChange
-  }))), /*#__PURE__*/React.createElement(Modal.Body, {
-    overflow: "fit"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    as: "div",
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    as: "div",
-    shouldShrink: true,
-    shouldGrow: true
-  }, /*#__PURE__*/React.createElement(Alert, {
-    liveRegion: getLiveRegion,
-    variant: "info",
-    screenReaderOnly: !filterEmpty
-  }, filterEmpty && filterTerm + "\u306E\u7D50\u679C\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F", !filterEmpty && (_s = filteredResults.length, _n = +_s, _n === 0 ? _default_ja_number(filteredResults.length) + " \u7D50\u679C" : (_default_ja_number(filteredResults.length) + " \u7D50\u679C")) + "\u304C\u898B\u3064\u304B\u308A\u307E\u3057\u305F"), renderTools(filteredResults)))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: props.onDismiss,
-    color: "primary"
-  }, "\u5B8C\u4E86")));
-
-  function renderTools(ltiButtons) {
-    return /*#__PURE__*/React.createElement(List, {
-      isUnstyled: true
-    }, ltiButtons.sort((a, b) => a.title.localeCompare(b.title)).map(b => {
-      return /*#__PURE__*/React.createElement(List.Item, {
-        key: b.id
-      }, /*#__PURE__*/React.createElement(View, {
-        as: "div",
-        padding: "medium medium small none"
-      }, /*#__PURE__*/React.createElement(LtiTool, {
-        title: b.title,
-        image: b.image,
-        onAction: () => {
-          b.onAction();
-          props.onDismiss();
-        },
-        description: b.description
-      })));
-    }));
-  }
-}
-LtiToolsModal.propTypes = {
-  ltiButtons: arrayOf(shape({
-    description: string.isRequired,
-    id: oneOfType([string, number]).isRequired,
-    image: string.isRequired,
-    onAction: func.isRequired,
-    title: string.isRequired
-  })),
-  onDismiss: func.isRequired
-};

package/lib/translated/ja/modules/rce/plugins/instructure_external_tools/dispatchInitEvent.js

@@ -1,25 +0,0 @@
-/*
- * 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/>.
- */
-export default function (ed, document, url) {
-  const ev = document.createEvent('CustomEvent');
-  ev.initCustomEvent('tinyRCE/initExternalTools', true, true, {
-    ed,
-    url
-  });
-  document.dispatchEvent(ev);
-}

package/lib/translated/ja/modules/rce/plugins/instructure_external_tools/plugin.js

@@ -1,39 +0,0 @@
-// @ts-nocheck
-
-/*
- * 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 dispatchInitEvent from './dispatchInitEvent';
-import { IconLtiLine } from '@instructure/ui-icons/es/svg';
-import clickCallback from './clickCallback';
-import tinymce from 'tinymce';
-
-/**
- * This is the legacy external tools plugin for the RCE. It relies on the 'tinymce-external-tools' plugin
- * in Canvas, and is not functional unless the RCE is running in Canvas.
- *
- * See 'instructure_rce_external_tools' for the new version of this plugin.
- *
- * @deprecated
- */
-tinymce.PluginManager.add('instructure_external_tools', function (ed, url) {
-  document.addEventListener('tinyRCE/onExternalTools', event => {
-    clickCallback(ed, event.detail.ltiButtons);
-  });
-  ed.ui.registry.addIcon('lti', IconLtiLine.src);
-  dispatchInitEvent(ed, document, url);
-});

package/lib/translated/ja/modules/skins/theme.js

@@ -1,127 +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 { darken, lighten, alpha } from '@instructure/ui-color-utils'; // pull canvas theme values we need for the rce skin
-
-export default function generator(_ref) {
-  let {
-    borders,
-    colors,
-    forms,
-    shadows,
-    spacing,
-    typography
-  } = _ref;
-  const vars = {
-    canvasBackgroundColor: colors.white,
-    canvasTextColor: colors.textDarkest,
-    canvasErrorColor: colors.textDanger,
-    canvasWarningColor: colors.textWarning,
-    canvasInfoColor: colors.textInfo,
-    canvasSuccessColor: colors.textSuccess,
-    canvasBorderColor: colors.borderMedium,
-    toolbarButtonHoverBackground: darken(colors.backgroundLightest, 5),
-    // copied from INSTUI "light" Button
-    canvasBrandColor: colors.brand,
-    activeMenuItemBackground: colors.backgroundBrand,
-    activeMenuItemLabelColor: colors.textLightest,
-    tableSelectorHighlightColor: alpha(lighten(colors.brand, 10), 50),
-    canvasLinkColor: colors.link,
-    canvasLinkDecoration: 'none',
-    // the instui default button
-    canvasButtonBackground: colors.backgroundLightest,
-    canvasButtonBorderColor: 'transparent',
-    canvasButtonColor: colors.textDarkest,
-    canvasButtonHoverBackground: colors.backgroundLightest,
-    canvasButtonHoverColor: colors.brand,
-    canvasButtonActiveBackground: colors.backgroundLightest,
-    canvasButtonFontWeight: typography.fontWeightNormal,
-    canvasButtonFontSize: typography.fontSizeMedium,
-    canvasButtonLineHeight: forms.inputHeightMedium,
-    canvasButtonPadding: `0 ${spacing.small}`,
-    // the instui primary button
-    canvasPrimaryButtonBackground: colors.backgroundBrand,
-    canvasPrimaryButtonColor: colors.textLightest,
-    canvasPrimaryButtonBorderColor: 'transparent',
-    canvasPrimaryButtonHoverBackground: darken(colors.backgroundBrand, 10),
-    canvasPrimaryButtonHoverColor: colors.textLightest,
-    // the instui secondary button
-    canvasSecondaryButtonBackground: colors.backgroundLight,
-    canvasSecondaryButtonColor: colors.textDarkest,
-    canvasSecondaryButtonBorderColor: darken(colors.backgroundLight, 10),
-    canvasSecondaryButtonHoverBackground: darken(colors.backgroundLight, 10),
-    canvasSecondaryButtonHoverColor: colors.textDarkest,
-    canvasFocusBorderColor: borders.brand,
-    canvasFocusBorderWidth: borders.widthSmall,
-    // canvas really uses widthMedium
-    canvasFocusBoxShadow: `0 0 0 2px ${colors.brand}`,
-    canvasEnabledColor: borders.brand,
-    canvasEnabledBoxShadow: `inset 0 0 0.1875rem 0.0625rem ${darken(colors.borderLightest, 25)}`,
-    canvasFontFamily: typography.fontFamily,
-    canvasFontSize: '1rem',
-    canvasFontSizeSmall: typography.fontSizeSmall,
-    // modal dialogs
-    canvasModalShadow: shadows.depth3,
-    canvasModalHeadingPadding: spacing.medium,
-    canvasModalHeadingFontSize: typography.fontSizeXLarge,
-    canvasModalHeadingFontWeight: typography.fontWeightNormal,
-    canvasModalBodyPadding: spacing.medium,
-    canvasModalFooterPadding: spacing.small,
-    canvasModalFooterBackground: colors.backgroundLight,
-    canvasFormElementMargin: `0 0 ${spacing.medium} 0`,
-    canvasFormElementLabelColor: colors.textDarkest,
-    canvasFormElementLabelMargin: `0 0 ${spacing.small} 0`,
-    canvasFormElementLabelFontSize: typography.fontSizeMedium,
-    canvasFormElementLabelFontWeight: typography.fontWeightBold,
-    // a11y button badge
-    canvasBadgeBackgroundColor: colors.textInfo
-  };
-  vars.tinySplitButtonChevronHoverBackground = darken(vars.toolbarButtonHoverBackground, 10);
-  return vars;
-}
-
-generator.canvas = function (variables) {
-  return {
-    canvasLinkColor: variables['ic-link-color'],
-    canvasLinkDecoration: variables['ic-link-decoration'],
-    canvasTextColor: variables['ic-brand-font-color-dark'],
-    canvasBrandColor: variables['ic-brand-primary'],
-    canvasFocusBorderColor: variables['ic-brand-primary'],
-    canvasFocusBoxShadow: `0 0 0 2px ${variables['ic-brand-primary']}`,
-    canvasEnabledColor: variables['ic-brand-primary'],
-    canvasPrimaryButtonBackground: variables['ic-brand-primary'],
-    canvasPrimaryButtonColor: variables['ic-brand-button--primary-text'],
-    canvasPrimaryButtonHoverBackground: darken(variables['ic-brand-button--primary-bgd'], 10),
-    activeMenuItemBackground: variables['ic-brand-button--primary-bgd'],
-    activeMenuItemLabelColor: variables['ic-brand-button--primary-text'],
-    tableSelectorHighlightColor: alpha(lighten(variables['ic-brand-primary'], 10), 50)
-  };
-};
-
-generator['canvas-a11y'] = generator['canvas-high-contrast'] = function (_ref2) {
-  let {
-    colors
-  } = _ref2;
-  return {
-    canvasButtonBackground: colors.backgroundLight,
-    canvasSecondaryButtonBorderColor: colors.borderMedium,
-    canvasLinkDecoration: 'underline',
-    canvasFocusBorderColor: colors.borderBrand,
-    canvasFocusBoxShadow: `0 0 0 2px ${colors.brand}`,
-    canvasBrandColor: colors.brand
-  };
-};

package/lib/translated/ko/modules/rce/plugins/instructure_external_tools/clickCallback.js

@@ -1,44 +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 ReactDOM from 'react-dom';
-export default function clickCallback(ed, ltiButtons) {
-  return import('./components/LtiToolsModal').then(_ref => {
-    let {
-      LtiToolsModal
-    } = _ref;
-    let container = document.querySelector('.canvas-rce-upload-container');
-
-    if (!container) {
-      container = document.createElement('div');
-      container.className = 'canvas-rce-upload-container';
-      document.body.appendChild(container);
-    }
-
-    const handleDismiss = () => {
-      ReactDOM.unmountComponentAtNode(container);
-      ed.focus();
-    };
-
-    ReactDOM.render( /*#__PURE__*/React.createElement(LtiToolsModal, {
-      editor: ed,
-      onDismiss: handleDismiss,
-      ltiButtons: ltiButtons
-    }), container);
-  });
-}

package/lib/translated/ko/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/ExpandoText.js

@@ -1,91 +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, { useState } from 'react';
-import { string } from 'prop-types';
-import { StyleSheet, css } from 'aphrodite';
-import { Text } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
-import formatMessage from '../../../../../format-message';
-export default function ExpandoText(props) {
-  const [descExpanded, setDescExpanded] = useState(false);
-  const [focused, setFocused] = useState(false);
-  const {
-    text,
-    title
-  } = props;
-  const label = descExpanded ? "Hide " + title + " description" : "View " + title + " description";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    as: "button",
-    background: "transparent",
-    display: "block",
-    borderWidth: "none",
-    textAlign: "start",
-    type: "button",
-    position: "relative",
-    padding: "none none none xx-small",
-    "aria-expanded": descExpanded,
-    borderRadius: "medium",
-    withFocusOutline: focused,
-    onClick: () => {
-      setDescExpanded(!descExpanded);
-    },
-    onFocus: () => setFocused(true),
-    onBlur: () => setFocused(false)
-  }, /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    "aria-live": "assertive",
-    "aria-relevant": "text"
-  }, /*#__PURE__*/React.createElement(Text, {
-    color: "brand",
-    size: "x-small",
-    "aria-label": label
-  }, descExpanded ? "Hide description" : "View description"))), descExpanded && /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    margin: "small none none xx-small",
-    display: "block",
-    minWidth: "10rem",
-    role: "presentation"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    color: "secondary"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: css(styles.descriptionText),
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }))));
-}
-ExpandoText.propTypes = {
-  text: string.isRequired,
-  title: string.isRequired
-};
-export const styles = StyleSheet.create({
-  descriptionText: {
-    lineHeight: '1.2rem',
-    p: {
-      margin: '1rem 0'
-    },
-    ':nth-child(1n)> :first-child': {
-      marginTop: '0',
-      display: 'inline-block'
-    },
-    ':nth-child(1n)> :last-child': {
-      marginBottom: '0'
-    }
-  }
-});

package/lib/translated/ko/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/LtiTool.js

@@ -1,90 +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, { useState } from 'react';
-import { func, string } from 'prop-types';
-import { Text } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
-import ExpandoText from './ExpandoText';
-import formatMessage from '../../../../../format-message';
-import { StyleSheet, css } from 'aphrodite';
-export default function LtiTool(props) {
-  const [focused, setFocused] = useState(false);
-  const {
-    title,
-    image,
-    description,
-    onAction
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    withFocusOutline: focused,
-    className: css(styles.appButton),
-    padding: "xxx-small xxx-small xx-small",
-    borderRadius: "medium",
-    role: "button",
-    position: "relative",
-    onClick: () => {
-      onAction();
-    },
-    onKeyDown: e => {
-      if (e.keyCode === 13 || e.keyCode === 32) {
-        onAction();
-      }
-    },
-    onFocus: () => setFocused(true),
-    onBlur: () => setFocused(false),
-    tabIndex: "0"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("img", {
-    src: image,
-    width: "28",
-    height: "28",
-    alt: ""
-  })), /*#__PURE__*/React.createElement(View, {
-    as: "span",
-    className: css(styles.appTitle),
-    margin: "none none none small"
-  }, /*#__PURE__*/React.createElement(Text, {
-    "aria-label": "Open " + title + " application",
-    weight: "bold"
-  }, title))), description && renderDescription(description));
-
-  function renderDescription(desc) {
-    return /*#__PURE__*/React.createElement(View, {
-      as: "span",
-      margin: "none none none large",
-      display: "block"
-    }, /*#__PURE__*/React.createElement(ExpandoText, {
-      text: desc,
-      title: title
-    }));
-  }
-}
-LtiTool.propTypes = {
-  title: string.isRequired,
-  image: string.isRequired,
-  onAction: func.isRequired,
-  description: string
-};
-export const styles = StyleSheet.create({
-  appTitle: {
-    verticalAlign: 'middle'
-  },
-  appButton: {
-    cursor: 'pointer'
-  }
-});

package/lib/translated/ko/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/__tests__/ExpandoText.test.js

@@ -1,57 +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, fireEvent } from '@testing-library/react';
-import ExpandoText from '../ExpandoText';
-describe('RCE Plugins > LtiTool', () => {
-  function renderComponent(text) {
-    return render( /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '10rem'
-      }
-    }, /*#__PURE__*/React.createElement(ExpandoText, {
-      text: text
-    }), ")"));
-  }
-
-  it('renders View description when first rendered', () => {
-    const {
-      getByText
-    } = renderComponent('hello world');
-    expect(getByText('View description')).toBeInTheDocument();
-  });
-  it('renders description when expanded', () => {
-    const {
-      getByText
-    } = renderComponent('hello world');
-    const toggleDescButton = getByText('View description');
-    fireEvent.click(toggleDescButton);
-    expect(getByText('Hide description')).toBeInTheDocument();
-    expect(getByText('hello world')).toBeInTheDocument();
-  });
-  it('renders View description when collapsed', () => {
-    const {
-      getByText
-    } = renderComponent('hello world');
-    fireEvent.click(getByText('View description'));
-    const toggleDescButton = getByText('Hide description');
-    expect(toggleDescButton).toBeInTheDocument();
-    fireEvent.click(toggleDescButton);
-    expect(getByText('View description')).toBeInTheDocument();
-  });
-});

package/lib/translated/ko/modules/rce/plugins/instructure_external_tools/components/LtiToolsModal/__tests__/LtiTool.test.js

@@ -1,59 +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 { within, render } from '@testing-library/react';
-import LtiTool from '../LtiTool';
-describe('RCE Plugins > LtiTool', () => {
-  function getProps() {
-    let override = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const props = {
-      title: 'Tool 1',
-      id: 1,
-      description: 'This is tool 1.',
-      image: 'tool1/icon.png',
-      onAction: () => {},
-      ...override
-    };
-    return props;
-  }
-
-  function renderComponent(toolprops) {
-    return render( /*#__PURE__*/React.createElement(LtiTool, getProps(toolprops)));
-  }
-
-  it('renters the tool title', () => {
-    const {
-      getByText
-    } = renderComponent();
-    expect(getByText('Tool 1')).toBeInTheDocument();
-  });
-  it('renters the tool image', () => {
-    const {
-      container
-    } = renderComponent();
-    expect(container.querySelector('img[src="tool1/icon.png"]')).toBeInTheDocument();
-  });
-  it('renders the tool description', () => {
-    const {
-      getByText
-    } = renderComponent();
-    const tool = getByText('Tool 1');
-    const toolRow = within(tool.closest('div'));
-    expect(toolRow.getByText('View description')).toBeInTheDocument();
-  });
-});