我是单元测试用例的新手，我的项目使用的是带有React的typescript。我希望在为我的组件之一编写以下代码的测试用例时得到一些帮助。我一直在尝试编写一个测试用例来满足这里的getLogo和setupRegistry两个函数。无法找出正确的方法来完成这一操作-

import {
    getMediaToken,
    isManifestRegistryItem,
    MediaRegistryHelper,
    RegistryItem,
    SupportedRegistryMedia,
    SvgUtils,
  } from 'common';
  import React, {
    FunctionComponent,
    useEffect,
    useState,
    useContext,
  } from 'react';
  import { Observable, of } from 'rxjs';
  import { filter, map } from 'rxjs/operators';
  import { downloadMedia, loadMediaRegistry } from '../media-registry';
  import { LogoAssetContext } from '../media-context';
  
  export interface RBCLogoProperties {
    token: string;
    srLabel: string;
  }
  
  type RBCLogoType = RBCLogoProperties & React.HTMLAttributes<HTMLLabelElement>;
  export const RCLogo: FunctionComponent<RBCLogoType> = (props: RBCLogoType) => {
    const { token, srLabel } = props;
    const LOGOASSETREGISTRY = useContext(LogoAssetContext);
  
    useEffect(() => {
      setupRegistry(
        LOGOASSETREGISTRY as Array<RegistryItem<SupportedRegistryMedia>>,
      );
    });
  
    // Media Helper Instance to access the methods defined in media helper
  
    const mediaHelperInstance = new MediaRegistryHelper();
  
    // State to set the svg to html to show the logo
  
    const [svg, setSVG] = useState<string>();
  
    //Set up the registry for logo assets
  
    const setupRegistry = (
      registryConfig: Array<RegistryItem<SupportedRegistryMedia>>,
    ) => {
      let config: Array<RegistryItem<SupportedRegistryMedia>> = [];
      if (registryConfig && registryConfig.length > 0) {
        const items = registryConfig;
        config = [...config, ...items];
      }
      loadMediaRegistry?.('logo', config).subscribe(() => getLogo());
    };
  
    const getLogo = () => {
      if (token) {
        const logo = getMediaToken(token);
        const registryItem = mediaHelperInstance?.getRegistryMediaItem(
          'logo',
          logo.scope || 'default',
        );
        let item$: Observable<RegistryItem<SupportedRegistryMedia> | undefined> =
          of(registryItem);
  
        if (isManifestRegistryItem(registryItem)) {
          item$ = registryItem.data.pipe(
            filter((v) => !!v),
            map(() => registryItem),
          );
        }
        const downLoadMediaResponse = downloadMedia('logo', logo);
        downLoadMediaResponse
          ? downLoadMediaResponse.subscribe((data: any) => {
              const svg = data as SVGElement;
              setSVG(svg.outerHTML);
              SvgUtils.setSvgAttributes(svg);
              SvgUtils.addA11ytoSVG(
                svg,
                token,
                srLabel ? srLabel : ' ',
                document,
              );
            })
          : console.log('Download Media Response is undefined for', token);
      }
    };
  
    return (
      <div
        aria-label={srLabel}
        dangerouslySetInnerHTML={{ __html: svg || '' }}
      ></div>
    );
  };
  
  export default RCLogo;