fix tests

__mocks__/emoji-picker-react.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { ReactElement } from "react";
+
+const MockPicker = () => <div>Emoji Picker</div>
+
+export default MockPicker;

__mocks__/matrix-js-sdk.js

@@ -45,6 +45,7 @@ export const mockDeactivateAccount = jest.fn(() => {
   return Promise.resolve('value');
 });
 export const mockOn = jest.fn()
+export const mockSetDisplayName = jest.fn()
 
 export const mockClient = {
   registerRequest: mockRegisterRequest,
@@ -64,6 +65,9 @@ export const mockClient = {
   setPowerLevel: mockSetPowerLevel,
   sendTextMessage: mockSendTextMessage,
   deactivateAccount: mockDeactivateAccount,
+  setDisplayName: mockSetDisplayName,
 }
 
+export const WebStorageSessionStore = jest.fn()
+
 export const createClient = jest.fn().mockReturnValue(mockClient)

src/components/chatbox.jsx

@@ -471,8 +471,6 @@ class ChatBox extends React.Component {
   handleSubmit = e => {
     e.preventDefault()
     const message = this.state.inputValue
-    console.log('event', e)
-    console.log('message', message)
     if (!Boolean(message)) return null;
 
     if (this.state.client && this.state.roomId) {

src/components/chatbox.test.js

@@ -21,24 +21,24 @@ import { createWaitForElement } from 'enzyme-wait';
 import { config } from 'react-transition-group';
 import waitForExpect from 'wait-for-expect'
 
+
 config.disabled = true
 
-const testConfig = {
+var testConfig = {
   matrixServerUrl: 'https://matrix.rhok.space',
-  botUsername: '@help-bot:rhok.space',
+  botId: '@help-bot:rhok.space',
   roomName: 'Support Chat',
   termsUrl: 'https://tosdr.org/',
   introMessage: 'This chat application does not collect any of your personal data or any data from your use of this service.',
-  agreementMessage: '👉 Do you want to continue? Type yes or no.',
+  agreementMessage: 'Do you want to continue?',
   confirmationMessage: 'Waiting for a facilitator to join the chat...',
-  exitMessage: 'The chat was not started.',
+  exitMessage: 'The chat is closed. You may close this window.',
   chatUnavailableMessage: 'The chat service is not available right now. Please try again later.',
   anonymousDisplayName: 'Anonymous',
 }
 
 
 describe('Chatbox', () => {
-
   beforeEach(() => {
     createClient.mockClear()
     mockInitCrypto.mockClear()
@@ -52,6 +52,7 @@ describe('Chatbox', () => {
     mockClearStores.mockClear()
     mockOnce.mockClear()
     mockOn.mockClear()
+    mockSendTextMessage.mockClear()
   })
 
   test('chat window should open and close', async () => {

src/components/emoji-selector.jsx

@@ -28,7 +28,10 @@ class EmojiSelector extends React.Component {
               status => {
                 return(
                   <div className={`emoji-picker emoji-picker-${status}`} aria-hidden={!emojiSelectorOpen}>
-                    <EmojiPicker onEmojiClick={onEmojiClick} />
+                    <EmojiPicker
+                      onEmojiClick={onEmojiClick}
+                      emojiUrl="https://cdn.jsdelivr.net/gh/iamcal/emoji-data@master/img-apple-64"
+                    />
                   </div>
                 )
               }

src/outputs/bookmarklet.test.js

@@ -2,6 +2,13 @@ import ReactDOM from 'react-dom';
 import bookmarklet from './bookmarklet';
 
 describe('bookmarklet', () => {
+  beforeAll(() => {
+    const el = document.querySelectorAll('body > div');
+    ReactDOM.unmountComponentAtNode(el[0]);
+    el[0].parentNode.removeChild(el[0]);
+    window.EmbeddableChatbox = null;
+  })
+
   afterEach(() => {
     const el = document.querySelectorAll('body > div');
     ReactDOM.unmountComponentAtNode(el[0]);

src/outputs/embeddable-chatbox.test.js

@@ -1,8 +1,15 @@
 import EmbeddableChatbox from './embeddable-chatbox';
-import { waitForSelection } from '../test-helpers';
+import { waitForSelection } from '../utils/test-helpers';
 
 
 describe('EmbeddableChatbox', () => {
+  beforeAll(() => {
+    document.readyState = 'complete';
+    if (EmbeddableChatbox.el) {
+      EmbeddableChatbox.unmount();
+    }
+  });
+
   afterEach(() => {
     document.readyState = 'complete';
     if (EmbeddableChatbox.el) {

src/utils/test-helpers.js

@@ -0,0 +1,30 @@
+function checkFunc(dom, selector) {
+  if (typeof dom.update === 'function') {
+    const el = dom.update().find(selector);
+    if (el.exists()) {
+      return el;
+    }
+    return null;
+  }
+  const els = dom.querySelectorAll(selector);
+  if (els.length !== 0) {
+    return els;
+  }
+  return null;
+}
+
+
+export async function waitForSelection(dom, selector) {
+  let numSleep = 0;
+  for (;;) {
+    const el = checkFunc(dom, selector);
+    if (el) {
+      return el;
+    }
+    if (numSleep > 2) {
+      throw new Error(`could not find ${selector}`);
+    }
+    await new Promise(resolve => setTimeout(resolve, 250));
+    numSleep += 1;
+  }
+}