topic edit modal: Modify webview unit tests to accommodate feature update.

Author: Leslie Ngo

src/boot/TopicModalProvider.js

@@ -11,19 +11,20 @@ type Props = $ReadOnly<{|
   children: Node,
 |}>;
 
-type TopicModalContext = {|
+type TopicModalContext = $ReadOnly<{|
   startEditTopic: (
     streamId: number,
     topic: string,
     streamsById: Map<number, Stream>,
     _: GetText,
   ) => Promise<void>,
   closeEditTopicModal: () => void,
-|};
+|}>;
 
+// $FlowIssue[incompatible-type]
 const TopicModal: Context<TopicModalContext> = createContext(undefined);
 
-export const useTopicModalHandler = () => useContext(TopicModal);
+export const useTopicModalHandler = (): TopicModalContext => useContext(TopicModal);
 
 export default function TopicModalProvider(props: Props): Node {
   const { children } = props;

src/streams/TopicItem.js

@@ -71,7 +71,7 @@ export default function TopicItem(props: Props): Node {
     useActionSheet().showActionSheetWithOptions;
   const _ = useContext(TranslationContext);
   const dispatch = useDispatch();
-  const startEditTopic = useTopicModalHandler();
+  const { startEditTopic } = useTopicModalHandler();
   const backgroundData = useSelector(state => ({
     auth: getAuth(state),
     mute: getMute(state),

src/webview/MessageList.js

@@ -78,14 +78,6 @@ export type Props = $ReadOnly<{|
 
   // From `withGetText`.
   _: GetText,
-
-  // From 'TopicModalProvider'.
-  startEditTopic: (
-    streamId: number,
-    topic: string,
-    streamsById: Map<number, Stream>,
-    _: GetText,
-  ) => Promise<void>,
 |}>;
 
 /**

src/webview/__tests__/generateInboundEvents-test.js

@@ -29,6 +29,7 @@ describe('generateInboundEvents', () => {
     narrow: HOME_NARROW,
     showMessagePlaceholders: false,
     startEditMessage: jest.fn(),
+    startEditTopic: jest.fn(),
     dispatch: jest.fn(),
     ...baseSelectorProps,
     showActionSheetWithOptions: jest.fn(),