INT-3336: Wait for TinyMCE to finish updating the content before rerendering

Author: kimwoodfield

src/test/ts/alien/Loader.tsx

@@ -80,7 +80,13 @@ export const render = async (props: Partial<IAllProps> = {}, container: HTMLElem
     /** By rendering the Editor into the same root, React will perform a diff and update. */
     reRender: (newProps: IAllProps) => new Promise<void>((resolve) => {
       root.render(<div><Editor apiKey='no-api-key' ref={ctx.ref} {...newProps} /></div>);
-      resolve();
+      if ('value' in newProps) {
+        ctx.editor.once('change', () => {
+          resolve();
+        });
+      } else {
+        resolve();
+      }
     }),
     remove,
     [Symbol.dispose]: remove

src/test/ts/browser/EditorInitTest.ts

@@ -65,14 +65,14 @@ describe('EditorInitTest', () => {
       it('Value prop should propagate changes to editor', async () => {
         using ctx = await render({ value: '<p>Initial Value</p>' });
         TinyAssertions.assertContent(ctx.editor, '<p>Initial Value</p>');
-        ctx.reRender({ ...defaultProps, value: '<p>New Value</p>' });
+        await ctx.reRender({ ...defaultProps, value: '<p>New Value</p>' });
         TinyAssertions.assertContent(ctx.editor, '<p>New Value</p>');
       });
 
       it('Disabled prop should disable editor', async () => {
         using ctx = await render();
         Assertions.assertEq('Should be design mode', true, '4' === version ? !ctx.editor.readonly : ctx.editor.mode.get() === 'design');
-        ctx.reRender({ ...defaultProps, disabled: true });
+        await ctx.reRender({ ...defaultProps, disabled: true });
         Assertions.assertEq('Should be readonly mode', true, '4' === version ? ctx.editor.readonly : ctx.editor.mode.get() === 'readonly');
       });