npm - @brightspot/ui - Versions diffs - 3.0.1-cms-ui-migration.0 → 3.0.1-cms-ui-migration.2 - Mend

@brightspot/ui 3.0.1-cms-ui-migration.0 → 3.0.1-cms-ui-migration.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (725) hide show

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/ProseMirror.test.js ADDED Viewed

@@ -0,0 +1,16 @@
+/**
+ * @jest-environment jest-environment-webdriver
+ */
+const url = `${TEST_ROOT_PATH}/rte/`
+jest.setTimeout(TEST_TIMEOUT)
+describe('ProseMirror works', () => {
+  test('it renders correctly', async () => {
+    await browser.get(url)
+    const pms = await browser.wait(
+      until.elementsLocated(by.className('ProseMirror'), 50000),
+    )
+    expect(pms.length).toBe(2)
+  })
+})

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/index.html ADDED Viewed

@@ -0,0 +1,54 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="1"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.SmallRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-inline="true"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+test<br>test</textarea
+    >
+    <textarea
+      class="richtext"
+      id="2"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-inline="true"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+test<br>test</textarea
+    >
+  </body>
+</html>

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/comment_manager/CommentManager.test.js ADDED Viewed

@@ -0,0 +1,29 @@
+/**
+ * @jest-environment jest-environment-webdriver
+ */
+import { Key } from 'selenium-webdriver'
+const url = `${TEST_ROOT_PATH}/rte/plugins/comment_manager/index.html`
+jest.setTimeout(100000)
+browser.manage().window().setRect({ width: 1800, height: 1800 })
+describe('ProseMirror Comment manager works correctly:', () => {
+  test('It converts comment markup to comments correctly', async () => {
+    await browser.get(url)
+    const pm = await browser.findElement(by.className('ProseMirror'))
+    let comment = await browser.findElements(by.tagName('comment'))
+    expect(comment.length).toBe(1)
+    await comment[0].click()
+    await browser.sleep(1000)
+    const removeComment = await browser.findElement(
+      by.className('rte2-toolbar-comment-remove'),
+    )
+    await removeComment.click()
+    comment = await browser.findElements(by.tagName('comment'))
+    expect(comment.length).toBe(0)
+  })
+})

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/comment_manager/index.html ADDED Viewed

@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="insert"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-inline="true"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+<span class="rte rte-comment" data-user-id="00000162-63b5-d575-a1e3-77ffabc10000" data-user-label="Trey Eckels"
+      data-time="1553105126165">comment</span></textarea
+    >
+  </body>
+</html>

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/custom_keyboard/CustomKeyboard.js ADDED Viewed

@@ -0,0 +1,42 @@
+/**
+ * @jest-environment jest-environment-webdriver
+ */
+import { Key } from 'selenium-webdriver'
+const url = `${TEST_ROOT_PATH}/rte/plugins/custom_keyboard/index.html`
+jest.setTimeout(100000)
+browser.manage().window().setRect({ width: 1800, height: 1800 })
+describe('ProseMirror custom keyboards work correctly:', () => {
+  test('It inserts text markup correctly', async () => {
+    await browser.get(url)
+    const pm = await browser.wait(
+      until.elementLocated(by.className('ProseMirror'), 50000),
+    )
+    let keyboardIcon = await browser.findElement(
+      by.className('rte2-toolbar-custom-keyboard'),
+    )
+    await keyboardIcon.click()
+    await browser.sleep(1000)
+    const popups = await browser.findElements(by.className('Popup'))
+    const popup = popups[0]
+    let popUpClassName = await popup.getAttribute('className')
+    expect(popups.length).toBe(1)
+    expect(popUpClassName).toEqual(expect.stringContaining('is-ready'))
+    expect(popUpClassName).toEqual(expect.stringContaining('is-visible'))
+    expect(popUpClassName).toEqual(expect.stringContaining('popup-show'))
+    let buttons = await browser.findElements(
+      by.className('CustomKeyboard-button'),
+    )
+    let button = buttons[0]
+    await button.click()
+    await browser.sleep(1000)
+    let line = await browser.findElement(by.tagName('bsp-line'))
+    const lineText = await line.getText()
+    expect(lineText).toBe('¡')
+  })
+})

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/custom_keyboard/index.html ADDED Viewed

@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+    <style>
+      .ProseMirrorContainer:focus-within .ProseMirrorToolbar {
+        position: static !important;
+      }
+    </style>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="insert"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-inline="false"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    ></textarea>
+  </body>
+</html>

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/enhancement_manager/EnhancementManager.test.js ADDED Viewed

@@ -0,0 +1,288 @@
+/**
+ * @jest-environment jest-environment-webdriver
+ */
+import { Key } from 'selenium-webdriver'
+const url = `${TEST_ROOT_PATH}/rte/plugins/enhancement_manager/block.html`
+const inlineUrl = `${TEST_ROOT_PATH}/rte/plugins/enhancement_manager/inline.html`
+const noPopups = `${TEST_ROOT_PATH}/rte/plugins/enhancement_manager/no-popups.html`
+jest.setTimeout(TEST_TIMEOUT)
+browser.manage().window().setRect({ width: 3200, height: 1800 })
+describe('ProseMirror Enhancement manager works correctly with enhancements that do not have popups:', () => {
+  test('It inserts inline marks correctly', async () => {
+    await browser.get(noPopups)
+    const pm = await browser.wait(
+      until.elementLocated(by.className('ProseMirror'), 50000),
+    )
+    await pm.sendKeys(
+      Key.chord(
+        Key.SHIFT,
+        Key.ARROW_LEFT,
+        Key.ARROW_LEFT,
+        Key.ARROW_LEFT,
+        Key.ARROW_LEFT,
+      ),
+    )
+    let highlightMenu = await browser.findElement(
+      by.css('[data-rte-toolbar-submenu="Highlight"]'),
+    )
+    await highlightMenu.click()
+    await browser.sleep(1000)
+    let blueButton = await browser.findElement(
+      by.className('core-rte-highlight-BlueHighlightRichTextElement'),
+    )
+    await blueButton.click()
+    let blueElements = await browser.findElements(by.tagName('blue'))
+    let blueElementText = await blueElements[0].getText()
+    expect(blueElements.length).toBe(1)
+    expect(blueElementText).toBe('test')
+  })
+  test('It inserts block level marks correctly', async () => {
+    await browser.get(noPopups)
+    let line = await browser.findElement(by.tagName('bsp-line'))
+    await line.click()
+    await browser.sleep(1000)
+    let highlightMenu = await browser.findElement(
+      by.css('[data-rte-toolbar-submenu="Highlight"]'),
+    )
+    await highlightMenu.click()
+    await browser.sleep(1000)
+    let plumButton = await browser.findElement(
+      by.className('core-rte-highlight-PlumHighlightRichTextElement'),
+    )
+    await plumButton.click()
+    let plumElements = await browser.findElements(by.tagName('plum'))
+    let plumElementsText = await plumElements[0].getText()
+    expect(plumElements.length).toBe(1)
+    expect(plumElementsText).toBe('test')
+  })
+})
+describe('ProseMirror Enhancement manager works correctly with enhancements that have popups:', () => {
+  test('It opens the popup correctly when clicking an enhancement menu icon', async () => {
+    await browser.get(url)
+    const pm = await browser.wait(
+      until.elementLocated(by.className('ProseMirror'), 50000),
+    )
+    const insertImageIcon = await browser.findElement(
+      by.className('brightspot-core-image-ImageRichTextElement'),
+    )
+    await insertImageIcon.click()
+    await browser.sleep(1000)
+    const popups = await browser.findElements(by.className('Popup'))
+    const popup = popups[0]
+    let popUpClassName = await popup.getAttribute('className')
+    let popUpSourceClass = await popup.getAttribute('data-popup-source-class')
+    expect(popups.length).toBe(1)
+    expect(popUpClassName).toEqual(expect.stringContaining('is-ready'))
+    expect(popUpClassName).toEqual(expect.stringContaining('is-visible'))
+    expect(popUpClassName).toEqual(expect.stringContaining('popup-show'))
+    expect(popUpClassName).toEqual(expect.stringContaining('loaded'))
+    expect(popUpSourceClass).toBe(
+      'brightspot-core-image-ImageRichTextElement rte2-toolbar-noicon',
+    )
+    const popUpCloseButton = await browser.findElement(
+      by.className('Popup-close'),
+    )
+    await popUpCloseButton.click()
+  })
+  test('Block Enhancements in the editor function correctly', async () => {
+    await browser.get(url)
+    const pm = await browser.wait(
+      until.elementLocated(by.className('ProseMirror'), 50000),
+    )
+    let enhancements = await browser.findElements(by.tagName('bsp-image'))
+    let enhancement = enhancements[0]
+    let enhacementClassName = await enhancement.getAttribute('className')
+    const enhancementMenus = await browser.findElements(
+      by.className('ProsemirrorEnhancementMenu'),
+    )
+    const enhancementPreviews = await browser.findElements(
+      by.css('.Enhancement .rte2-block-preview'),
+    )
+    expect(enhancements.length).toBe(1)
+    expect(enhacementClassName).toEqual(expect.stringContaining('Enhancement'))
+    expect(enhacementClassName).toEqual(
+      expect.stringContaining(
+        'rte2-style-brightspot-core-image-ImageRichTextElement',
+      ),
+    )
+    expect(enhacementClassName).toEqual(expect.stringContaining('block'))
+    expect(enhacementClassName).toEqual(expect.stringContaining('hasPreview'))
+    expect(enhancementMenus.length).toBe(1)
+    expect(enhancementPreviews.length).toBe(1)
+    let enhancementMenu = await browser.findElement(
+      by.className('ProsemirrorEnhancementMenu'),
+    )
+    let enhancementMenuEdits = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .edit'),
+    )
+    let enhancementMenuRemoves = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .remove'),
+    )
+    let enhancementMenuMoveUp = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_upward'),
+    )
+    let enhancementMenuMoveDown = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_downward'),
+    )
+    let enhacementMenuClassName =
+      await enhancementMenu.getAttribute('className')
+    expect(enhacementMenuClassName).toEqual(
+      expect.stringContaining('ProsemirrorEnhancementMenu'),
+    )
+    expect(enhancementMenuEdits.length).toBe(1)
+    expect(enhancementMenuRemoves.length).toBe(1)
+    expect(enhancementMenuMoveUp.length).toBe(1)
+    expect(enhancementMenuMoveDown.length).toBe(1)
+    // ---------------------- INSERT TEXT AFTER THE ENHANCEMENT -------------------- //
+    await pm.sendKeys(Key.ENTER, 'test')
+    // ---------------------- MOVE ENHANCEMENT DOWN -------------------- //
+    await enhancementMenuMoveDown[0].click()
+    enhancements = await browser.findElements(by.css('bsp-line + bsp-image'))
+    expect(enhancements.length).toBe(1)
+    // ---------------------- INSERT TEXT AFTER THE ENHANCEMENT AGAIN -------------------- //
+    enhancement = await browser.findElement(by.tagName('bsp-image'))
+    await enhancement.click()
+    await pm.sendKeys(Key.ENTER, 'test')
+    browser.sleep(1000)
+    enhancement = await browser.findElement(by.tagName('bsp-image'))
+    await enhancement.click()
+    browser.sleep(1000)
+    await enhancement.click()
+    browser.sleep(1000)
+    enhancementMenuMoveUp = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_upward'),
+    )
+    enhancementMenuMoveDown = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_downward'),
+    )
+    expect(enhancementMenuMoveUp.length).toBe(1)
+    expect(enhancementMenuMoveDown.length).toBe(1)
+    // ---------------------- MOVE ENHANCEMENT UP -------------------- //
+    await enhancementMenuMoveUp[0].click()
+    let firstLine = await browser.findElements(by.css('bsp-image + bsp-line'))
+    let lastLine = await browser.findElements(
+      by.css('bsp-image + bsp-line + bsp-line'),
+    )
+    expect(firstLine.length).toBe(1)
+    expect(lastLine.length).toBe(1)
+  })
+  test('Inline Enhancements in the editor function correctly', async () => {
+    await browser.get(inlineUrl)
+    const pm = await browser.wait(
+      until.elementLocated(by.className('ProseMirror'), 50000),
+    )
+    let enhancements = await browser.findElements(
+      by.css('bsp-line aws-transcribe-item'),
+    )
+    let enhancement = enhancements[0]
+    let enhacementClassName = await enhancement.getAttribute('className')
+    await enhancement.click()
+    const enhancementMenus = await browser.findElements(
+      by.className('ProsemirrorEnhancementMenu'),
+    )
+    const enhancementMenusContainer = await browser.findElements(
+      by.className('ProsemirrorEnhancementMenuContainer'),
+    )
+    let label = await enhancement.getText()
+    expect(enhancements.length).toBe(1)
+    expect(enhacementClassName).toEqual(expect.stringContaining('Enhancement'))
+    expect(enhacementClassName).toEqual(
+      expect.stringContaining(
+        'rte2-style-brightspot-tutorial-article-AwsTranscribeItemRichTextElement',
+      ),
+    )
+    expect(enhacementClassName).not.toEqual(expect.stringContaining('block'))
+    expect(enhacementClassName).not.toEqual(
+      expect.stringContaining('hasPreview'),
+    )
+    expect(enhancementMenus.length).toBe(1)
+    expect(label).toBe('Adventure')
+    // ---------------------- CLICKING ON THE MENU SHOULD OPEN IT -------------------- //
+    await enhancement.click()
+    let enhancementMenu = await browser.findElement(
+      by.className('ProsemirrorEnhancementMenu'),
+    )
+    let enhancementMenuEdits = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .edit'),
+    )
+    let enhancementMenuRemoves = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .remove'),
+    )
+    let enhancementMenuMoveUp = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_upward'),
+    )
+    let enhancementMenuMoveDown = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .arrow_downward'),
+    )
+    let enhancementFormatClear = await browser.findElements(
+      by.css('.ProsemirrorEnhancementMenu .link_off'),
+    )
+    let enhancementMenusContainerClassName =
+      await enhancementMenusContainer[0].getAttribute('className')
+    expect(enhancementMenusContainerClassName).toEqual(
+      expect.stringContaining('open'),
+    )
+    expect(enhancementMenuEdits.length).toBe(1)
+    expect(enhancementMenuRemoves.length).toBe(0)
+    expect(enhancementMenuMoveUp.length).toBe(0)
+    expect(enhancementMenuMoveDown.length).toBe(0)
+    expect(enhancementFormatClear.length).toBe(1)
+    // ---------------------- CLICKING ON THE CLEAR FORMATTING IN THE MENU SHOULD REMOVE THE LINK BUT LEAVE THE TEXT -------------------- //
+    await enhancementFormatClear[0].click()
+    enhancements = await browser.findElements(by.css('bsp-line > a'))
+    expect(enhancements.length).toBe(0)
+    const line = await browser.findElements(by.css('bsp-line'))
+    expect(line.length).toBe(1)
+    let text = await line[0].getText()
+    expect(text).toBe('Adventure')
+  })
+  test('Keyboard shortcuts work', async () => {
+    await browser.get(inlineUrl)
+    const pm = await browser.findElement(by.className('ProseMirror'))
+    await pm.sendKeys(Key.chord(Key.SHIFT, Key.CONTROL, 'i'))
+    const popups = await browser.findElements(by.className('Popup'))
+    const popup = popups[0]
+    let popUpClassName = await popup.getAttribute('className')
+    let popUpName = await popup.getAttribute('name')
+    let popUpSourceClass = await popup.getAttribute('data-popup-source-class')
+    expect(popups.length).toBe(1)
+    expect(popUpClassName).toEqual(expect.stringContaining('is-ready'))
+    expect(popUpClassName).toEqual(expect.stringContaining('is-visible'))
+    expect(popUpClassName).toEqual(expect.stringContaining('popup-show'))
+    expect(popUpClassName).toEqual(expect.stringContaining('loaded'))
+    expect(popUpSourceClass).toBe(
+      'brightspot-core-image-ImageRichTextElement rte2-toolbar-noicon',
+    )
+  })
+})

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/enhancement_manager/block.html ADDED Viewed

@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+    <style>
+      .ProseMirrorContainer:focus-within .ProseMirrorToolbar {
+        position: static !important;
+      }
+    </style>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="2"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+<bsp-image data-state={"cms.site.owner":{"_ref":"00000163-f5e6-dd82-a577-fff64afd0000","_type":"ae3387cc-b875-31b7-b82d-63fd8d758c20"},"cms.content.publishDate":1548881658532,"cms.content.publishUser":{"_ref":"00000164-149f-dc94-a1e4-fedf67600000","_type":"6aa69ae1-35be-30dc-87e9-410da9e1cdcc"},"cms.content.updateDate":1548881658532,"cms.content.updateUser":{"_ref":"00000164-149f-dc94-a1e4-fedf67600000","_type":"6aa69ae1-35be-30dc-87e9-410da9e1cdcc"},"image":{"image":{"_ref":"00000168-57f7-d0cf-a97b-dfff4f400001","_type":"4da1a812-2b2b-36a7-a321-fea9c9594cb9"},"_id":"00000168-a08a-df3f-ad7c-ac9b5f600000","_type":"65a10546-c3fa-3c8a-866f-b81dce0f753d"},"theme.00000163-f5e6-dd82-a577-fff608880000.:core:enhancement:Enhancement.hbs._template":null,"_id":"00000168-a08a-df3f-ad7c-ac9b5f5f0000","_type":"23ac712d-8839-31ed-81b0-4bf6cfff37a2"}>Success!</bsp-image></textarea
+    >
+  </body>
+</html>

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/enhancement_manager/inline.html ADDED Viewed

@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+    <style>
+      .ProseMirrorContainer:focus-within .ProseMirrorToolbar {
+        position: static !important;
+      }
+    </style>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="2"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+<aws-transcribe-item class="Enhancement rte2-style-brightspot-tutorial-article-AwsTranscribeItemRichTextElement"  label="Adventure" condifdence="0.983" starttime="0.0" endtime="0.63" style="font-family: Courier New, Courier, monospace">Adventure</aws-transcribe-item></textarea
+    >
+  </body>
+</html>

package/src/legacy/tool-ui/src/main/webapp/v4/__tests__/integration/rte/plugins/enhancement_manager/no-popups.html ADDED Viewed

@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>RTE Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="/globals.js"></script>
+    <script src="http://localhost:8080/cms/dist/v4.js"></script>
+    <style>
+      .ProseMirrorContainer:focus-within .ProseMirrorToolbar {
+        position: static !important;
+      }
+    </style>
+  </head>
+  <body>
+    <textarea
+      class="richtext"
+      id="2"
+      name="00000168-95e5-d67a-a77b-bdfd1c2e0000/shortBiography"
+      placeholder=""
+      data-dynamic-placeholder="${content.shortBiographyPlaceholder}"
+      data-dynamic-field-name="shortBiography"
+      data-editable-placeholder=""
+      data-rte-toolbar="brightspot.core.tool.LargeRichTextToolbar"
+      data-rte-lines="0"
+      data-suggested-minimum-message="Too Short"
+      data-suggested-maximum-message="Too Long"
+      data-user="trey"
+      data-user-id="00000164-149f-dc94-a1e4-fedf67600000"
+      data-first-draft="true"
+      data-track-changes="true"
+    >
+test</textarea
+    >
+  </body>
+</html>