SWAMPy

✎ CARVE FLESH

EDITING: IntegrationSpec.js

/*
 * Copyright (C) 2016 - 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 {waitFor} from '@testing-library/dom'
import RichContentEditor from '@canvas/rce/RichContentEditor'
import RCELoader from '@canvas/rce/serviceRCELoader'
import $ from 'jquery'
import fakeENV from 'helpers/fakeENV'
import editorUtils from 'helpers/editorUtils'

QUnit.module('Rce Abstraction - integration', {
  setup() {
    fakeENV.setup()
    ENV.RICH_CONTENT_APP_HOST = 'app-host'
    const $textarea = $(`\
<textarea id="big_rce_text" name="context[big_rce_text]"></textarea>\
`)
    $('#fixtures').empty()
    $('#fixtures').append($textarea)
    this.fakeRceModule = {
      props: {},
      renderIntoDiv: (renderingTarget, propsForRCE, renderCallback) => {
        $(renderingTarget).append(`<div id='fake-editor'>${propsForRCE.toString()}</div>`)
        const fakeEditor = {
          mceInstance() {
            return {
              on() {},
            }
          },
        }
        return renderCallback(fakeEditor)
      },
    }
    return sandbox.stub(RCELoader, 'loadRCE').callsFake(callback => callback(this.fakeRceModule))
  },
  teardown() {
    fakeENV.teardown()
    $('#fixtures').empty()
    editorUtils.resetRCE()
  },
})

async function loadNewEditor() {
  const $target = $('#big_rce_text')
  await new Promise(resolve => {
    const tinyMCEInitOptions = {
      manageParent: true,
      tinyOptions: {
        init_instance_callback: resolve,
      },
    }
    RichContentEditor.loadNewEditor($target, tinyMCEInitOptions)
  })
}

test('instatiating a remote editor', async () => {
  RichContentEditor.preloadRemoteModule()
  const target = $('#big_rce_text')
  loadNewEditor()
  await waitFor(() => RCELoader.loadRCE.callCount > 0)
  equal(target.parent().attr('id'), 'tinymce-parent-of-big_rce_text')
  equal(target.parent().find('#fake-editor').length, 1)
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 IntegrationSpec.js	JS	2.4 KB	2023-09-24 03:36	EDIT
📄 RceCommandShimSpec.js	JS	4.3 KB	2023-09-24 03:36	EDIT
📄 RichContentEditorSpec.js	JS	4.9 KB	2023-09-24 03:36	EDIT
📄 serviceRCELoaderSpec.js	JS	6.6 KB	2023-09-24 03:36	EDIT