Migrate legacy hook tests to html2 (#5653)

* Migrate useActivities

* Migrate useAdaptiveCardsHostConfig

* Migrate useAdaptiveCardsPackage

* Migrate useAvatarForBot

* Migrate useAvatarForUser

* Migrate useByteFormatter

* Format

* Migrate useConnectivityStatus

* Migrate useDateFormatter

* Migrate useDictateInterims

* Move tests

* Migrate useDisabled

* Migrate useDismissNotification

* Migrate useFocusSendBox

* Migrate useGrammars

* Migrate useGroupTimestamp

* Migrate useLanguage

* Migrate useLocalizer

* Rename to pure

* Move tests

* Migrate useMarkActivityAsSpoken

* Migrate useMicrophoneButton

* Migrate usePerformCardAction

* Migrate usePostActivity

* Migrate useRelativeTimeFormatter

* Migrate useRenderMarkdownAsHTML

* Migrate useSendBoxSpeechInterimsVisible

* Migrate useSendBoxValue

* Migrate useSendFiles

* Fix test

* Move tests

* Migrate useSendMessage

* Migrate useSendMessageBack

* Migrate useSendPostBack

* MIgrate useSetNotification

* Migrate useShouldSpeakIncomingActivity

* Migrate useStartDictate

* Migrate useStopDictate

* Migrate useStyleOptions

* Migrate useStyleSet

* Migrate useSubmitSendBox

* Migrate useSuggestedActions

* Migrate useTextBoxValue

* Migrate useTimeoutForSend

* Migrate useTrackDimension

* Migrate useTrackEvent

* Move tests

* Migrate useTrackException

* Migrate useUserID

* Migrate useUsername

* Migrate useVoiceSelector

* Migrate useWebSpeechPonyfill

* Move tests

* Update path of speechPageObjects.js

* Add snapshot

* Reduce flakiness

Author: compulim

__tests__/assets/esm/createRenderHook.js

@@ -0,0 +1,32 @@
+import { BasicWebChat, Composer } from 'botframework-webchat/component';
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+
+function RunFunction({ fn }) {
+  fn();
+
+  return false;
+}
+
+export default function createRenderHook(
+  /** @type {HTMLElement} */
+  element,
+  props,
+  { renderWebChat } = {}
+) {
+  const root = createRoot(element);
+
+  return fn =>
+    new Promise(resolve =>
+      root.render(
+        createElement(
+          Composer,
+          props,
+          ...[
+            ...(renderWebChat ? [createElement(BasicWebChat)] : []),
+            createElement(RunFunction, { fn: () => resolve(fn?.()), key: Date.now() })
+          ]
+        )
+      )
+    );
+}