@webex/plugin-meetings 2.60.1-next.9 → 2.60.2

package/test/unit/spec/multistream/remoteMediaManager.ts

@@ -1,1924 +0,0 @@
-/* eslint-disable require-jsdoc */
-import EventEmitter from 'events';
-
-import {MediaType} from '@webex/internal-media-core';
-import {
-  Configuration,
-  Event,
-  RemoteMediaManager,
-  VideoLayoutChangedEventData,
-} from '@webex/plugin-meetings/src/multistream/remoteMediaManager';
-import {RemoteMediaGroup} from '@webex/plugin-meetings/src/multistream/remoteMediaGroup';
-import sinon from 'sinon';
-import {assert} from '@webex/test-helper-chai';
-import {cloneDeep} from 'lodash';
-import {MediaRequest} from '@webex/plugin-meetings/src/multistream/mediaRequestManager';
-import {CSI, ReceiveSlotId} from '@webex/plugin-meetings/src/multistream/receiveSlot';
-import testUtils from '../../../utils/testUtils';
-import LoggerProxy from '@webex/plugin-meetings/src/common/logs/logger-proxy';
-import LoggerConfig from '@webex/plugin-meetings/src/common/logs/logger-config';
-import { expect } from 'chai';
-
-class FakeSlot extends EventEmitter {
-  public mediaType: MediaType;
-
-  public id: string;
-
-  public csi?: number;
-
-  constructor(mediaType: MediaType, id: string) {
-    super();
-    this.mediaType = mediaType;
-    this.id = id;
-    // Many of the tests use the same FakeSlot instance for all remote media, so it gets
-    // a lot of listeners registered causing a warning about a potential listener leak.
-    // Calling setMaxListeners() fixes the warning.
-    this.setMaxListeners(50);
-  }
-
-  public get logString() {
-    return this.id;
-  }
-}
-
-const DefaultTestConfiguration: Configuration = {
-  audio: {
-    numOfActiveSpeakerStreams: 3,
-    numOfScreenShareStreams: 1,
-  },
-  video: {
-    preferLiveVideo: true,
-    initialLayoutId: 'AllEqual',
-
-    layouts: {
-      AllEqual: {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'main',
-            numPanes: 9,
-            size: 'best',
-            priority: 255,
-          },
-        ],
-      },
-      OnePlusFive: {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'mainBigOne',
-            numPanes: 1,
-            size: 'large',
-            priority: 255,
-          },
-          {
-            id: 'secondarySetOfSmallPanes',
-            numPanes: 5,
-            size: 'very small',
-            priority: 254,
-          },
-        ],
-      },
-      Single: {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'main',
-            numPanes: 1,
-            size: 'best',
-            priority: 255,
-          },
-        ],
-      },
-      Stage: {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'thumbnails',
-            numPanes: 6,
-            size: 'thumbnail',
-            priority: 255,
-          },
-        ],
-        memberVideoPanes: [
-          {id: 'stage-1', size: 'medium', csi: undefined},
-          {id: 'stage-2', size: 'medium', csi: undefined},
-          {id: 'stage-3', size: 'medium', csi: undefined},
-          {id: 'stage-4', size: 'medium', csi: undefined},
-        ],
-      },
-      ScreenShareView: {
-        screenShareVideo: {size: 'medium'},
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'thumbnails',
-            numPanes: 6,
-            size: 'thumbnail',
-            priority: 255,
-          },
-        ],
-      },
-    },
-  },
-};
-
-describe('RemoteMediaManager', () => {
-  let remoteMediaManager;
-  let fakeReceiveSlotManager;
-  let fakeMediaRequestManagers;
-  let fakeAudioSlot;
-  let fakeVideoSlot;
-  let fakeScreenShareAudioSlot;
-  let fakeScreenShareVideoSlot;
-
-  const logger = {
-    log: sinon.fake(),
-    error: () => {},
-    warn: () => {},
-    trace: () => {},
-    debug: () => {},
-  };
-
-  afterEach(() => {
-    LoggerConfig.set({enable: false});
-    LoggerProxy.set();
-  });
-
-  beforeEach(() => {
-    LoggerConfig.set({enable: true});
-    LoggerProxy.set(logger);
-
-    fakeAudioSlot = new FakeSlot(MediaType.AudioMain, 'fake audio slot');
-    fakeVideoSlot = new FakeSlot(MediaType.VideoMain, 'fake video slot');
-    fakeScreenShareAudioSlot = new FakeSlot(
-      MediaType.AudioSlides,
-      'fake screen share audio slot'
-    );
-    fakeScreenShareVideoSlot = new FakeSlot(
-      MediaType.VideoSlides,
-      'fake screen share video slot'
-    );
-
-    fakeReceiveSlotManager = {
-      allocateSlot: sinon.stub().callsFake((mediaType) => {
-        switch (mediaType) {
-          case MediaType.AudioMain:
-            return Promise.resolve(fakeAudioSlot);
-          case MediaType.VideoMain:
-            return Promise.resolve(fakeVideoSlot);
-          case MediaType.AudioSlides:
-            return Promise.resolve(fakeScreenShareAudioSlot);
-          case MediaType.VideoSlides:
-            return Promise.resolve(fakeScreenShareVideoSlot);
-        }
-        throw new Error(`invalid mediaType: ${mediaType}`);
-      }),
-      releaseSlot: sinon.stub(),
-    };
-
-    fakeMediaRequestManagers = {
-      audio: {
-        addRequest: sinon.stub(),
-        cancelRequest: sinon.stub(),
-        commit: sinon.stub(),
-      },
-      video: {
-        addRequest: sinon.stub(),
-        cancelRequest: sinon.stub(),
-        commit: sinon.stub(),
-      },
-      screenShareAudio: {
-        addRequest: sinon.stub(),
-        cancelRequest: sinon.stub(),
-        commit: sinon.stub(),
-      },
-      screenShareVideo: {
-        addRequest: sinon.stub(),
-        cancelRequest: sinon.stub(),
-        commit: sinon.stub(),
-      },
-    };
-
-    // create remote media manager with default configuration
-    remoteMediaManager = new RemoteMediaManager(
-      fakeReceiveSlotManager,
-      fakeMediaRequestManagers,
-      DefaultTestConfiguration
-    );
-  });
-
-  const resetHistory = () => {
-    fakeReceiveSlotManager.allocateSlot.resetHistory();
-    fakeReceiveSlotManager.releaseSlot.resetHistory();
-    fakeMediaRequestManagers.audio.addRequest.resetHistory();
-    fakeMediaRequestManagers.audio.cancelRequest.resetHistory();
-    fakeMediaRequestManagers.audio.commit.resetHistory();
-    fakeMediaRequestManagers.video.addRequest.resetHistory();
-    fakeMediaRequestManagers.video.cancelRequest.resetHistory();
-    fakeMediaRequestManagers.video.commit.resetHistory();
-    fakeMediaRequestManagers.screenShareVideo.commit.resetHistory();
-    fakeMediaRequestManagers.screenShareAudio.commit.resetHistory();
-    logger.log.resetHistory();
-  };
-
-  describe('start', () => {
-    it('rejects if called twice', async () => {
-      await remoteMediaManager.start();
-      await assert.isRejected(remoteMediaManager.start());
-    });
-
-    it('can be called again after stop()', async () => {
-      await remoteMediaManager.start();
-      remoteMediaManager.stop();
-
-      fakeReceiveSlotManager.allocateSlot.resetHistory();
-
-      await remoteMediaManager.start();
-
-      // check that the 2nd start() creates slots and media requests and is not a no-op
-      assert.calledWith(fakeReceiveSlotManager.allocateSlot, MediaType.AudioMain);
-      assert.calledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-
-      assert.called(fakeMediaRequestManagers.audio.addRequest);
-      assert.called(fakeMediaRequestManagers.video.addRequest);
-    });
-
-    it('creates a RemoteMediaGroup for audio correctly', async () => {
-      let createdAudioGroup: RemoteMediaGroup | null = null;
-
-      // create a config with just audio, no video at all and no screen share
-      const config: Configuration = {
-        audio: {
-          numOfActiveSpeakerStreams: 5,
-          numOfScreenShareStreams: 0,
-        },
-        video: {
-          preferLiveVideo: false,
-          initialLayoutId: 'empty',
-          layouts: {
-            empty: {},
-          },
-        },
-      };
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      remoteMediaManager.on(Event.AudioCreated, (audio: RemoteMediaGroup) => {
-        createdAudioGroup = audio;
-      });
-
-      remoteMediaManager.start();
-
-      await testUtils.flushPromises();
-
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, 5);
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.AudioMain);
-
-      assert.isNotNull(createdAudioGroup);
-      if (createdAudioGroup) {
-        assert.strictEqual(createdAudioGroup.getRemoteMedia().length, 5);
-        assert.isTrue(
-          createdAudioGroup
-            .getRemoteMedia()
-            .every((remoteMedia) => remoteMedia.mediaType === MediaType.AudioMain)
-        );
-        assert.strictEqual(createdAudioGroup.getRemoteMedia('pinned').length, 0);
-      }
-
-      assert.calledOnce(fakeMediaRequestManagers.audio.addRequest);
-      assert.calledWith(
-        fakeMediaRequestManagers.audio.addRequest,
-        sinon.match({
-          policyInfo: sinon.match({
-            policy: 'active-speaker',
-            priority: 255,
-          }),
-          receiveSlots: Array(5).fill(fakeAudioSlot),
-          codecInfo: undefined,
-        })
-      );
-    });
-
-    it('pre-allocates receive slots based on the biggest layout', async () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.audio.numOfActiveSpeakerStreams = 0;
-      config.video.layouts.huge = {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'big one',
-            numPanes: 99,
-            size: 'small',
-            priority: 255,
-          },
-        ],
-      };
-      config.audio.numOfScreenShareStreams = 0;
-      delete config.video.layouts.ScreenShareView;
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      // even though our "big one" layout is not the default one, the remote media manager should still
-      // preallocate enough video receive slots for it up front
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, 99);
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-    });
-
-    it('starts with the initial layout', async () => {
-      let receivedLayoutInfo: VideoLayoutChangedEventData | null = null;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        receivedLayoutInfo = layoutInfo;
-      });
-
-      // the initial layout is "AllEqual", so we check that it gets selected by default
-      await remoteMediaManager.start();
-
-      assert.strictEqual(remoteMediaManager.getLayoutId(), 'AllEqual');
-      assert.isNotNull(receivedLayoutInfo);
-      if (receivedLayoutInfo) {
-        assert.strictEqual(receivedLayoutInfo.layoutId, 'AllEqual');
-        assert.strictEqual(Object.keys(receivedLayoutInfo.memberVideoPanes).length, 0);
-        assert.strictEqual(Object.keys(receivedLayoutInfo.activeSpeakerVideoPanes).length, 1); // this layout has only 1 active speaker group
-        assert.strictEqual(
-          receivedLayoutInfo.activeSpeakerVideoPanes.main.getRemoteMedia().length,
-          9
-        );
-        assert.isUndefined(receivedLayoutInfo.screenShareVideo); // the initial layout has no screen share
-      }
-    });
-
-    it('creates RemoteMedia for screen share audio correctly', async () => {
-      let createdAudioGroup: RemoteMediaGroup | null = null;
-
-      const NUM_STREAMS = 2;
-
-      // create a config with just screen share audio, nothing else
-      const config: Configuration = {
-        audio: {
-          numOfActiveSpeakerStreams: 0,
-          numOfScreenShareStreams: NUM_STREAMS,
-        },
-        video: {
-          preferLiveVideo: false,
-          initialLayoutId: 'empty',
-          layouts: {
-            empty: {},
-          },
-        },
-      };
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      remoteMediaManager.on(Event.ScreenShareAudioCreated, (audio: RemoteMediaGroup) => {
-        createdAudioGroup = audio;
-      });
-
-      remoteMediaManager.start();
-
-      await testUtils.flushPromises();
-
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, NUM_STREAMS);
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.AudioSlides);
-
-      assert.isNotNull(createdAudioGroup);
-      if (createdAudioGroup) {
-        assert.strictEqual(createdAudioGroup.getRemoteMedia().length, NUM_STREAMS);
-        assert.isTrue(
-          createdAudioGroup
-            .getRemoteMedia()
-            .every((remoteMedia) => remoteMedia.mediaType === MediaType.AudioSlides)
-        );
-        assert.strictEqual(createdAudioGroup.getRemoteMedia('pinned').length, 0);
-      }
-
-      assert.calledOnce(fakeMediaRequestManagers.screenShareAudio.addRequest);
-      assert.calledWith(
-        fakeMediaRequestManagers.screenShareAudio.addRequest,
-        sinon.match({
-          policyInfo: sinon.match({
-            policy: 'active-speaker',
-            priority: 255,
-          }),
-          receiveSlots: Array(NUM_STREAMS).fill(fakeScreenShareAudioSlot),
-          codecInfo: undefined,
-        })
-      );
-    });
-
-    it('creates a single receive slot for screen share video if any layout has screen share', async () => {
-      // create a config with 2 layouts that use screen share
-      const config: Configuration = {
-        audio: {
-          numOfActiveSpeakerStreams: 0,
-          numOfScreenShareStreams: 0,
-        },
-        video: {
-          preferLiveVideo: false,
-          initialLayoutId: 'first',
-          layouts: {
-            first: {
-              screenShareVideo: { size: 'small'}
-            },
-            second: {
-              screenShareVideo: { size: 'medium'}
-            }
-          },
-        },
-      };
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      // even though 2 layouts use screen share, only 1 video screen share slot should be created
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, 1);
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoSlides);
-    });
-
-    it('does not create any receive slot for screen share video if none of the layouts have screen share', async () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.audio.numOfActiveSpeakerStreams = 0;
-      config.audio.numOfScreenShareStreams = 0;
-
-      // delete the only layout that uses screen share
-      delete config.video.layouts.ScreenShareView;
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      // we don't expect any audio and for video there should be no VideoSlides, so all the calls should be just for VideoMain
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-    });
-
-
-  });
-
-  describe('constructor', () => {
-    it('throws if the initial layout in the config is invalid', () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.initialLayoutId = 'invalid';
-
-      assert.throws(() => {
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-      }, 'invalid config: initialLayoutId "invalid" doesn\'t match any of the layouts');
-    });
-
-    it('throws if there are duplicate active speaker video pane groups', () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.layouts.test = {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'someDuplicate',
-            numPanes: 10,
-            priority: 255,
-            size: 'best',
-          },
-          {
-            id: 'other',
-            numPanes: 10,
-            priority: 254,
-            size: 'best',
-          },
-          {
-            id: 'someDuplicate',
-            numPanes: 10,
-            priority: 255,
-            size: 'best',
-          },
-        ],
-      };
-
-      assert.throws(() => {
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-      }, 'invalid config: duplicate active speaker video pane group id: someDuplicate');
-    });
-
-    it('throws if there are active speaker video pane groups with duplicate priority', () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.layouts.test = {
-        activeSpeakerVideoPaneGroups: [
-          {
-            id: 'group1',
-            numPanes: 10,
-            priority: 200,
-            size: 'best',
-          },
-          {
-            id: 'group2',
-            numPanes: 2,
-            priority: 200,
-            size: 'medium',
-          },
-          {
-            id: 'group3',
-            numPanes: 5,
-            priority: 100,
-            size: 'large',
-          },
-        ],
-      };
-
-      assert.throws(() => {
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-      }, 'invalid config: multiple active speaker video pane groups have same priority: 200');
-    });
-
-    it('throws if there are duplicate member video panes', () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.layouts.test = {
-        memberVideoPanes: [
-          {id: 'paneA', size: 'best', csi: 123},
-          {id: 'paneB', size: 'large', csi: 222},
-          {id: 'paneC', size: 'medium', csi: 333},
-          {id: 'paneB', size: 'small', csi: 444},
-        ],
-      };
-
-      assert.throws(() => {
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-      }, 'invalid config: duplicate member video pane id: paneB');
-    });
-
-  });
-
-  describe('stop', () => {
-    it('releases all the slots and invalidates all remote media', async () => {
-      let audioStopStub;
-      let videoActiveSpeakerGroupStopStub;
-      const memberVideoPaneStopStubs: any[] = [];
-      let screenShareAudioStopStub;
-      let screenShareVideoStopStub;
-
-      // change the initial layout to one that has both active speakers and receiver selected videos
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.initialLayoutId = 'Stage';
-
-      // and also modify it to have screen share so we can test that too
-      config.video.layouts['Stage'].screenShareVideo = {size: 'medium'};
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      remoteMediaManager.on(Event.AudioCreated, (audio: RemoteMediaGroup) => {
-        audioStopStub = sinon.stub(audio, 'stop');
-      });
-
-      remoteMediaManager.on(Event.ScreenShareAudioCreated, (audio: RemoteMediaGroup) => {
-        screenShareAudioStopStub = sinon.stub(audio, 'stop');
-      });
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        // The "Stage" layout that we're using has only 1 active speaker group called "thumbnails"
-        videoActiveSpeakerGroupStopStub = sinon.stub(
-          layoutInfo.activeSpeakerVideoPanes.thumbnails,
-          'stop'
-        );
-
-        Object.values(layoutInfo.memberVideoPanes).forEach((pane) => {
-          memberVideoPaneStopStubs.push(sinon.stub(pane, 'stop'));
-        });
-
-        screenShareVideoStopStub = sinon.stub(layoutInfo.screenShareVideo, 'stop');
-      });
-
-      await remoteMediaManager.start();
-
-      // we're using the default config that requires 3 main audio slots, 10 video slots (for Stage2x2With6ThumbnailsLayout), 1 screenshare audio, 1 screenshare video
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, 15);
-
-      // our layout has 4 member video panes, we should have a stub for each of these panes' stop methods
-      assert.strictEqual(memberVideoPaneStopStubs.length, 4);
-
-      resetHistory();
-
-      remoteMediaManager.stop();
-
-      // check that all slots have been released
-      assert.callCount(fakeReceiveSlotManager.releaseSlot, 15);
-
-      // and that all RemoteMedia and RemoteMediaGroups have been stopped
-      assert.calledOnce(audioStopStub);
-      assert.calledWith(audioStopStub, true);
-      assert.calledOnce(screenShareAudioStopStub);
-      assert.calledWith(screenShareAudioStopStub, true);
-      assert.calledOnce(videoActiveSpeakerGroupStopStub);
-      memberVideoPaneStopStubs.forEach((stub) => {
-        assert.calledOnce(stub);
-      });
-      assert.calledOnce(fakeMediaRequestManagers.video.commit);
-      assert.calledOnce(screenShareVideoStopStub);
-      assert.calledOnce(fakeMediaRequestManagers.screenShareVideo.commit);
-    });
-
-    it('can be called multiple times', async () => {
-      await remoteMediaManager.start();
-
-      // just checking that nothing crashes etc.
-      remoteMediaManager.stop();
-      remoteMediaManager.stop();
-    });
-  });
-
-  describe('setPreferLiveVideo', () => {
-
-    it('sets preferLiveVideo', async () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-      let stubs = [];
-
-      config.video.initialLayoutId = 'OnePlusFive';
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        Object.values(layoutInfo.activeSpeakerVideoPanes).forEach((group) => stubs.push(sinon.stub(group, 'setPreferLiveVideo')));
-      });
-
-      await remoteMediaManager.start();
-      resetHistory();
-      assert(stubs.length > 0);
-      await remoteMediaManager.setPreferLiveVideo(true);
-
-
-      stubs.forEach((stub) => {
-        assert.calledWith(stub, true, false)
-      });
-
-      expect(config.video.preferLiveVideo).to.equal(true);
-      
-      assert.calledOnce(fakeMediaRequestManagers.video.commit);
-    });
-  });
-
-  describe('setLayout', () => {
-    it('rejects if called with invalid layoutId', async () => {
-      await assert.isRejected(remoteMediaManager.setLayout('invalid value'));
-    });
-
-    it('rejects if called before calling start()', async () => {
-      await assert.isRejected(remoteMediaManager.setLayout('Stage'));
-    });
-
-    it('allocates more slots when switching to a layout that requires more slots', async () => {
-      // start with "Single" layout that needs just 1 video slot
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.initialLayoutId = 'Single';
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      // switch to "Stage" layout that requires 9 more video slots (10)
-      await remoteMediaManager.setLayout('Stage');
-
-      assert.callCount(fakeReceiveSlotManager.allocateSlot, 9);
-      assert.alwaysCalledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-    });
-
-    it('logs layout changes - receiver selected', async () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      await remoteMediaManager.setLayout('Stage');
-
-      assert.calledWith(
-        logger.log,
-        'RemoteMediaManager#setLayout --> new layout selected: Stage'
-      );
-      assert.calledWith(
-        logger.log,
-        'RemoteMediaManager#logMainVideoReceiveSlots --> MAIN VIDEO receive slots: unused=0, activeSpeaker=6, receiverSelected=4\ngroup: thumbnails\nfake video slot, fake video slot, fake video slot, fake video slot, fake video slot, fake video slot\nreceiverSelected:\n stage-1: fake video slot\n stage-2: fake video slot\n stage-3: fake video slot\n stage-4: fake video slot\n'
-      );
-    });
-
-    it('logs layout changes - active speaker', async () => {
-      const config = cloneDeep(DefaultTestConfiguration);
-      config.video.initialLayoutId = 'OnePlusFive'
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      await remoteMediaManager.setLayout('AllEqual');
-
-      assert.calledWith(
-        logger.log,
-        'RemoteMediaManager#setLayout --> new layout selected: AllEqual'
-      );
-      assert.calledWith(
-        logger.log,
-        'RemoteMediaManager#logMainVideoReceiveSlots --> MAIN VIDEO receive slots: unused=0, activeSpeaker=9, receiverSelected=0\ngroup: main\nfake video slot, fake video slot, fake video slot, fake video slot, fake video slot, fake video slot, fake video slot, fake video slot, fake video slot\nreceiverSelected:\n'
-      );
-    });
-
-
-    it('releases slots when switching to layout that requires less active speaker slots', async () => {
-      // start with "AllEqual" layout that needs just 9 video slots
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      config.video.initialLayoutId = 'AllEqual';
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      // switch to "OnePlusFive" layout that requires 3 less video slots (6)
-      await remoteMediaManager.setLayout('OnePlusFive');
-
-      // verify that 3 main video slots were released
-      assert.callCount(fakeReceiveSlotManager.releaseSlot, 3);
-      fakeReceiveSlotManager.releaseSlot.getCalls().forEach((call) => {
-        const slot = call.args[0];
-
-        assert.strictEqual(slot.mediaType, MediaType.VideoMain);
-      });
-    });
-
-    it('releases slots and reallocates slots when switching to layouts in correct order', async () => {
-
-      const config = cloneDeep(DefaultTestConfiguration);
-      let count = 0;
-
-      fakeReceiveSlotManager.allocateSlot = sinon.stub().callsFake((mediaType) => {
-        switch (mediaType) {
-          case MediaType.AudioMain:
-            return Promise.resolve(fakeAudioSlot);
-          case MediaType.VideoMain:
-            return Promise.resolve(new FakeSlot(MediaType.VideoMain, `fake video ${count++}`));
-          case MediaType.AudioSlides:
-            return Promise.resolve(fakeScreenShareAudioSlot);
-          case MediaType.VideoSlides:
-            return Promise.resolve(fakeScreenShareVideoSlot);
-        }
-        throw new Error(`invalid mediaType: ${mediaType}`);
-      })
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      assert.deepEqual(remoteMediaManager.slots.video.activeSpeaker.map((slot: any) => slot.id), [
-        "fake video 0",
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5",
-        "fake video 6",
-        "fake video 7",
-        "fake video 8",
-      ]);
-
-      assert.deepEqual(remoteMediaManager.receiveSlotAllocations.activeSpeaker["main"].slots.map((slot: any) => slot.id), [
-        "fake video 0",
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5",
-        "fake video 6",
-        "fake video 7",
-        "fake video 8",
-      ])
-
-      // switch to "OnePlusFive" layout that requires 3 less video slots (6)
-      await remoteMediaManager.setLayout('OnePlusFive');
-
-      assert.deepEqual(remoteMediaManager.slots.video.unused, []);
-
-      assert.deepEqual(remoteMediaManager.slots.video.activeSpeaker.map((slot: any) => slot.id), [
-        "fake video 0",
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5"
-      ]);
-
-      // we're checking that the slots are in the same order as in the previous layout
-      // first one goes into main
-      assert.deepEqual(remoteMediaManager.receiveSlotAllocations.activeSpeaker["mainBigOne"].slots.map((slot: any) => slot.id), [
-        "fake video 0",
-      ])
-      // and rest go in the pips
-      assert.deepEqual(remoteMediaManager.receiveSlotAllocations.activeSpeaker["secondarySetOfSmallPanes"].slots.map((slot: any) => slot.id), [
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5"
-      ])
-
-      // verify that 3 main video slots were released
-      assert.callCount(fakeReceiveSlotManager.releaseSlot, 3);
-      fakeReceiveSlotManager.releaseSlot.getCalls().forEach((call) => {
-        const slot = call.args[0];
-
-        assert.strictEqual(slot.mediaType, MediaType.VideoMain);
-      });
-
-      await remoteMediaManager.setLayout('AllEqual');
-
-      assert.deepEqual(remoteMediaManager.slots.video.unused, []);
-
-      // checking that slots are in the same order as in previous layout + 3 new ones
-      assert.deepEqual(remoteMediaManager.slots.video.activeSpeaker.map((slot: any) => slot.id), [
-        "fake video 0",
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5",
-        "fake video 10",
-        "fake video 11",
-        "fake video 12",
-      ]);
-
-      assert.deepEqual(remoteMediaManager.receiveSlotAllocations.activeSpeaker["main"].slots.map((slot: any) => slot.id), [
-        "fake video 0",
-        "fake video 1",
-        "fake video 2",
-        "fake video 3",
-        "fake video 4",
-        "fake video 5",
-        "fake video 10",
-        "fake video 11",
-        "fake video 12"
-      ])
-
-       // verify that 3 main video slots were allocated
-       assert.callCount(fakeReceiveSlotManager.allocateSlot, 3);
-       fakeReceiveSlotManager.allocateSlot.getCalls().forEach((call) => {
-         const mediaType = call.args[0];
-
-         assert.strictEqual(mediaType, MediaType.VideoMain);
-       });
-    });
-
-    it('stops all current video remoteMedia instances when switching to new layout', async () => {
-      const audioStopStubs = [];
-      const videoStopStubs = [];
-
-      const config = cloneDeep(DefaultTestConfiguration);
-
-      // start with the stage layout because it has both active speaker and receiver selected panes
-      config.video.initialLayoutId = 'Stage';
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      // mock all stop() methods for all remote audio objects we get with AudioCreated event
-      remoteMediaManager.on(Event.AudioCreated, (audio: RemoteMediaGroup) => {
-        audio
-          .getRemoteMedia()
-          .forEach((remoteAudio) => audioStopStubs.push(sinon.stub(remoteAudio, 'stop')));
-      });
-
-      // mock all stop() methods for all remote video objects we get with VideoLayoutChanged event
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        Object.values(layoutInfo.activeSpeakerVideoPanes).forEach((group) =>
-          group
-            .getRemoteMedia()
-            .forEach((remoteMedia) => videoStopStubs.push(sinon.stub(remoteMedia, 'stop')))
-        );
-
-        Object.values(layoutInfo.memberVideoPanes).forEach((pane) => {
-          videoStopStubs.push(sinon.stub(pane, 'stop'));
-        });
-      });
-
-      await remoteMediaManager.start();
-
-      // sanity check that we've got all our stop() mocks setup correctly
-      assert.strictEqual(audioStopStubs.length, 3);
-      assert.strictEqual(videoStopStubs.length, 10); // 10 = 6 thumbnail panes + 4 stage panes
-
-      // next, we'll change the layout, we don't care about the new video panes from the new layout, so unregister the event listeners
-      remoteMediaManager.removeAllListeners();
-
-      await remoteMediaManager.setLayout('AllEqual');
-
-      // check that NONE of the audio RemoteMedia instances were stopped
-      audioStopStubs.forEach((audioStopStub) => {
-        assert.notCalled(audioStopStub);
-      });
-
-      // check that ALL of the video RemoteMedia instances were stopped
-      videoStopStubs.forEach((videoStopStub) => {
-        assert.calledOnce(videoStopStub);
-        assert.calledWith(videoStopStub, false);
-      });
-    });
-
-    it('emits Event.VideoLayoutChanged with correct data', async () => {
-      // setup the initial layout to be empty and a testLayout that has screen share, active speaker groups and member video panes
-      const config: Configuration = {
-        audio: {
-          numOfActiveSpeakerStreams: 0,
-          numOfScreenShareStreams: 0,
-        },
-        video: {
-          preferLiveVideo: true,
-          initialLayoutId: 'empty',
-          layouts: {
-            empty: {},
-            testLayout: {
-              screenShareVideo: {size: 'very small'},
-              activeSpeakerVideoPaneGroups: [
-                {
-                  id: 'big',
-                  numPanes: 10,
-                  priority: 255,
-                  size: 'large',
-                },
-                {
-                  id: 'small',
-                  numPanes: 3,
-                  priority: 254,
-                  size: 'medium',
-                },
-              ],
-              memberVideoPanes: [
-                {id: 'pane 1', size: 'best', csi: 555},
-                {id: 'pane 2', size: 'best', csi: undefined},
-              ],
-            },
-          },
-        },
-      };
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      await remoteMediaManager.start();
-
-      resetHistory();
-
-      let receivedLayoutInfo: VideoLayoutChangedEventData | null = null;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo) => {
-        receivedLayoutInfo = layoutInfo;
-      });
-
-      // switch to the test layout
-      await remoteMediaManager.setLayout('testLayout');
-
-      assert.isNotNull(receivedLayoutInfo);
-
-      if (receivedLayoutInfo) {
-        assert.strictEqual(receivedLayoutInfo.layoutId, 'testLayout');
-
-        // check screen share video
-        assert.isTrue(!!receivedLayoutInfo.screenShareVideo);
-        assert.strictEqual(receivedLayoutInfo.screenShareVideo.mediaType, MediaType.VideoSlides);
-
-        // check member videos
-        assert.strictEqual(Object.keys(receivedLayoutInfo.memberVideoPanes).length, 2);
-        Object.values(receivedLayoutInfo.memberVideoPanes).forEach((remoteMedia) =>
-          assert.strictEqual(remoteMedia.mediaType, MediaType.VideoMain)
-        );
-
-        // check the 2 active speaker groups
-        assert.strictEqual(Object.keys(receivedLayoutInfo.activeSpeakerVideoPanes).length, 2);
-
-        // "big" group
-        assert.strictEqual(
-          receivedLayoutInfo.activeSpeakerVideoPanes.big.getRemoteMedia().length,
-          10
-        );
-        receivedLayoutInfo.activeSpeakerVideoPanes.big
-          .getRemoteMedia()
-          .forEach((remoteMedia) =>
-            assert.strictEqual(remoteMedia.mediaType, MediaType.VideoMain)
-          );
-
-        // "small" group
-        assert.strictEqual(
-          receivedLayoutInfo.activeSpeakerVideoPanes.small.getRemoteMedia().length,
-          3
-        );
-        receivedLayoutInfo.activeSpeakerVideoPanes.small
-          .getRemoteMedia()
-          .forEach((remoteMedia) =>
-            assert.strictEqual(remoteMedia.mediaType, MediaType.VideoMain)
-          );
-      }
-    });
-
-    describe('switching between different receiver selected layouts', () => {
-      let fakeSlots: {[key: ReceiveSlotId]: FakeSlot};
-      let slotCounter: number;
-
-      type Csi2SlotsMapping = {[key: CSI]: Array<ReceiveSlotId>};
-      // in these mappings: key is the CSI and value is an array of slot ids
-      // of slots that were used in media requests for that CSI
-      let csi2slotMappingBeforeLayoutChange: Csi2SlotsMapping;
-      let csi2slotMappingAfterLayoutChange: Csi2SlotsMapping;
-      let csi2slotMapping: Csi2SlotsMapping;
-
-      beforeEach(() => {
-        // setup the mocks so that we can keep track of all the slots and their CSIs
-        fakeSlots = {};
-        slotCounter = 0;
-
-        fakeReceiveSlotManager.allocateSlot.callsFake(() => {
-          slotCounter += 1;
-          const newSlotId = `fake video slot ${slotCounter}`;
-
-          fakeSlots[newSlotId] = new FakeSlot(MediaType.VideoMain, newSlotId);
-          return fakeSlots[newSlotId];
-        });
-
-        csi2slotMappingBeforeLayoutChange = {};
-        csi2slotMappingAfterLayoutChange = {};
-
-        csi2slotMapping = csi2slotMappingBeforeLayoutChange;
-
-        fakeMediaRequestManagers.video.addRequest.callsFake((mediaRequest: MediaRequest) => {
-          if (mediaRequest.policyInfo.policy === 'receiver-selected') {
-            const slot = mediaRequest.receiveSlots[0] as unknown as FakeSlot;
-            const csi = mediaRequest.policyInfo.csi;
-
-            slot.csi = csi;
-            if (csi2slotMapping[csi]) {
-              csi2slotMapping[csi].push(slot.id);
-            } else {
-              csi2slotMapping[csi] = [slot.id];
-            }
-
-            return slot.id;
-          }
-        });
-      });
-
-      it('releases slots when switching to layout that requires less receiver selected slots', async () => {
-        const config = cloneDeep(DefaultTestConfiguration);
-
-        // This test starts with a layout that has 5 receiver selected video slots
-        // and switches to a different layout that has fewer slots, but 2 of them match CSIs
-        // from the initial layout. We want to verify that these 2 slots get re-used correctly.
-        // There are no screen share or audio slots being used in this test.
-        delete config.video.layouts.ScreenShareView;
-        config.audio.numOfActiveSpeakerStreams = 0;
-        config.audio.numOfScreenShareStreams = 0;
-        config.video.initialLayoutId = 'biggerLayout';
-        config.video.layouts['biggerLayout'] = {
-          memberVideoPanes: [
-            {id: '1', size: 'best', csi: 100},
-            {id: '2', size: 'best', csi: 200},
-            {id: '3', size: 'best', csi: 300},
-            {id: '4', size: 'best', csi: 400},
-            {id: '5', size: 'best', csi: 500},
-          ],
-        };
-        config.video.layouts['smallerLayout'] = {
-          memberVideoPanes: [
-            {id: '1', size: 'medium', csi: 200}, // this csi matches pane '2' from biggerLayout
-            {id: '2', size: 'medium', csi: 123},
-            {id: '3', size: 'medium', csi: 400}, // this csi matches pane '4' from biggerLayout
-          ],
-        };
-
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-
-        await remoteMediaManager.start();
-
-        resetHistory();
-
-        // switch the mock to now use csi2slotMappingAfterLayoutChange as we're about to change the layout
-        csi2slotMapping = csi2slotMappingAfterLayoutChange;
-
-        // switch to "smallerLayout" layout that requires 2 less video slots and has 2 receive selected slots with same CSIs
-        await remoteMediaManager.setLayout('smallerLayout');
-
-        // verify that 2 main video slots were released
-        assert.callCount(fakeReceiveSlotManager.releaseSlot, 2);
-
-        // verify that each CSI has 1 slot assigned
-        assert.equal(Object.keys(csi2slotMappingAfterLayoutChange).length, 3);
-        assert.equal(csi2slotMappingAfterLayoutChange[200].length, 1);
-        assert.equal(csi2slotMappingAfterLayoutChange[123].length, 1);
-        assert.equal(csi2slotMappingAfterLayoutChange[400].length, 1);
-
-        // verify that the slots have been re-used for csi 200 and 400
-        assert.equal(
-          csi2slotMappingBeforeLayoutChange[200][0],
-          csi2slotMappingAfterLayoutChange[200][0]
-        );
-        assert.equal(
-          csi2slotMappingBeforeLayoutChange[400][0],
-          csi2slotMappingAfterLayoutChange[400][0]
-        );
-      });
-
-      it('correctly handles a change to a layout that has member video panes with duplicate CSIs', async () => {
-        const config = cloneDeep(DefaultTestConfiguration);
-
-        // This test starts with a layout that has video slot with a specific CSI
-        // and switches to a different layout that 2 panes with that same CSI.
-        // We want to verify that the slot gets reused, but also that a 2nd slot is allocated.
-        // There are no screen share or audio slots being used in this test.
-        delete config.video.layouts.ScreenShareView;
-        config.audio.numOfActiveSpeakerStreams = 0;
-        config.audio.numOfScreenShareStreams = 0;
-        config.video.initialLayoutId = 'initialEmptyLayout';
-        config.video.layouts['initialEmptyLayout'] = {
-          memberVideoPanes: [{id: '2', size: 'medium', csi: 456}],
-        };
-        config.video.layouts['layoutWithDuplicateCSIs'] = {
-          memberVideoPanes: [
-            {id: '1', size: 'medium', csi: 123},
-            {id: '2', size: 'medium', csi: 456},
-            {id: '3', size: 'medium', csi: 456}, // duplicate CSI and also matching one of CSIs from previous layout
-            {id: '4', size: 'medium', csi: 789},
-          ],
-        };
-
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-
-        await remoteMediaManager.start();
-
-        resetHistory();
-
-        // switch the mock to now use csi2slotMappingAfterLayoutChange as we're about to change the layout
-        csi2slotMapping = csi2slotMappingAfterLayoutChange;
-
-        // switch to "smallerLayout" layout that requires 2 less video slots and has 2 receive selected slots with same CSIs
-        await remoteMediaManager.setLayout('layoutWithDuplicateCSIs');
-
-        // verify that the 2 member panes with duplicate CSI value of 456 have 2 separate receive slots allocated
-        assert.equal(csi2slotMappingAfterLayoutChange[456].length, 2);
-        assert.notEqual(
-          csi2slotMappingAfterLayoutChange[456][0],
-          csi2slotMappingAfterLayoutChange[456][1]
-        );
-
-        // and that one of them is the same re-used slot from previous layout
-        assert.isTrue(
-          csi2slotMappingBeforeLayoutChange[456][0] === csi2slotMappingAfterLayoutChange[456][0] ||
-            csi2slotMappingBeforeLayoutChange[456][0] === csi2slotMappingAfterLayoutChange[456][1]
-        );
-
-        // and the other panes have 1 slot each
-        assert.equal(csi2slotMappingAfterLayoutChange[123].length, 1);
-        assert.equal(csi2slotMappingAfterLayoutChange[789].length, 1);
-      });
-    });
-
-    describe('media requests', () => {
-      it('sends correct media requests when switching to a layout with receiver selected slots', async () => {
-        const config = cloneDeep(DefaultTestConfiguration);
-
-        config.video.layouts.Stage.memberVideoPanes = [
-          {id: 'stage-1', size: 'medium', csi: 11111},
-          {id: 'stage-2', size: 'medium', csi: 22222},
-          {id: 'stage-3', size: 'medium', csi: undefined},
-          {id: 'stage-4', size: 'medium', csi: undefined},
-        ];
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-
-        await remoteMediaManager.start();
-
-        resetHistory();
-
-        // switch to "Stage" layout that has an active speaker group and 4 receiver selected slots
-        // and a CSI set on 2 of them
-        await remoteMediaManager.setLayout('Stage');
-
-        assert.callCount(fakeMediaRequestManagers.video.addRequest, 3);
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'active-speaker',
-              priority: 255,
-            }),
-            receiveSlots: Array(6).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 60,
-            }),
-          })
-        );
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'receiver-selected',
-              csi: 11111,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'receiver-selected',
-              csi: 22222,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-      });
-
-      it('sends correct media requests when switching to a layout with multiple active-speaker groups', async () => {
-        // start with "AllEqual" layout that needs just 9 video slots
-        const config = cloneDeep(DefaultTestConfiguration);
-
-        config.video.initialLayoutId = 'AllEqual';
-
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-
-        const allEqualMediaRequestId = 'fake request id';
-
-        fakeMediaRequestManagers.video.addRequest.returns(allEqualMediaRequestId);
-
-        await remoteMediaManager.start();
-
-        resetHistory();
-
-        // switch to "OnePlusFive" layout that has 2 active speaker groups
-        await remoteMediaManager.setLayout('OnePlusFive');
-
-        // check that the previous active speaker request for "AllEqual" group was cancelled
-        assert.calledOnce(fakeMediaRequestManagers.video.cancelRequest);
-        assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, allEqualMediaRequestId);
-
-        // check that 2 correct active speaker media requests were sent out
-        assert.callCount(fakeMediaRequestManagers.video.addRequest, 2);
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'active-speaker',
-              priority: 255,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 8192,
-            }),
-          })
-        );
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'active-speaker',
-              priority: 254,
-            }),
-            receiveSlots: Array(5).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 240,
-            }),
-          })
-        );
-      });
-
-      it('cancels all media requests for the previous layout when switching to a new one', async () => {
-        // setup the initial layout to have screen share, active speaker groups and member video panes
-        const config: Configuration = {
-          audio: {
-            numOfActiveSpeakerStreams: 0,
-            numOfScreenShareStreams: 0,
-          },
-          video: {
-            preferLiveVideo: true,
-            initialLayoutId: 'initial',
-            layouts: {
-              initial: {
-                screenShareVideo: {size: 'best'},
-                activeSpeakerVideoPaneGroups: [
-                  {
-                    id: 'big',
-                    numPanes: 10,
-                    priority: 255,
-                    size: 'large',
-                  },
-                  {
-                    id: 'small',
-                    numPanes: 3,
-                    priority: 254,
-                    size: 'medium',
-                  },
-                ],
-                memberVideoPanes: [
-                  {id: 'pane 1', size: 'best', csi: 123},
-                  {id: 'pane 2', size: 'best', csi: 234},
-                ],
-              },
-              other: {},
-            },
-          },
-        };
-
-        remoteMediaManager = new RemoteMediaManager(
-          fakeReceiveSlotManager,
-          fakeMediaRequestManagers,
-          config
-        );
-
-        let activeSpeakerRequestCounter = 0;
-        let receiverSelectedRequestCounter = 0;
-
-        // setup the mock for addRequest to return request ids that we want
-        fakeMediaRequestManagers.video.addRequest.callsFake((mediaRequest) => {
-          if (mediaRequest.policyInfo.policy === 'active-speaker') {
-            activeSpeakerRequestCounter += 1;
-
-            return `active speaker request ${activeSpeakerRequestCounter}`;
-          }
-          receiverSelectedRequestCounter += 1;
-
-          return `receiver selected request ${receiverSelectedRequestCounter}`;
-        });
-        // setup the mock for screen share addRequest - this one should be called just once
-        fakeMediaRequestManagers.screenShareVideo.addRequest.callsFake(() => {
-          return 'video screen share request id';
-        });
-
-        await remoteMediaManager.start();
-
-        assert.calledOnce(fakeMediaRequestManagers.screenShareVideo.addRequest);
-
-        resetHistory();
-
-        // switch to "other" layout
-        await remoteMediaManager.setLayout('other');
-
-        // check that all the previous media requests for "initial" layout have been cancelled
-        assert.callCount(fakeMediaRequestManagers.video.cancelRequest, 4);
-        assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, 'active speaker request 1');
-        assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, 'active speaker request 2');
-        assert.calledWith(
-          fakeMediaRequestManagers.video.cancelRequest,
-          'receiver selected request 1'
-        );
-        assert.calledWith(
-          fakeMediaRequestManagers.video.cancelRequest,
-          'receiver selected request 2'
-        );
-        assert.calledOnce(fakeMediaRequestManagers.screenShareVideo.cancelRequest);
-        assert.calledWith(
-          fakeMediaRequestManagers.screenShareVideo.cancelRequest,
-          'video screen share request id'
-        );
-
-        // new layout has no videos, so no new requests should be sent out
-        assert.callCount(fakeMediaRequestManagers.video.addRequest, 0);
-      });
-
-      it('sends media request for screen share if layout contains screen share', async () => {
-        const allEqualMediaRequestId = 'fake request id';
-
-        fakeMediaRequestManagers.video.addRequest.returns(allEqualMediaRequestId);
-
-        await remoteMediaManager.start();
-
-        resetHistory();
-
-        // switch to a layout that contains a screen share video pane
-        await remoteMediaManager.setLayout('ScreenShareView');
-
-        // check that a correct active speaker media request for screen share has been sent out
-        assert.callCount(fakeMediaRequestManagers.screenShareVideo.addRequest, 1);
-        assert.calledWith(
-          fakeMediaRequestManagers.screenShareVideo.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'active-speaker',
-              priority: 255,
-            }),
-            receiveSlots: [fakeScreenShareVideoSlot],
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-      });
-    });
-  });
-
-  describe('setRemoteVideoCsi', () => {
-    it('sends correct media requests', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-
-      await remoteMediaManager.start();
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-      });
-      // switch to "Stage" layout which has some receiver selected slots
-      await remoteMediaManager.setLayout('Stage');
-      resetHistory();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const fakeRequestId1 = 'fake request id 1';
-        const fakeRequestId2 = 'fake request id 2';
-
-        fakeMediaRequestManagers.video.addRequest.returns(fakeRequestId1);
-
-        remoteMediaManager.setRemoteVideoCsi(currentLayoutInfo.memberVideoPanes['stage-1'], 1001);
-
-        // a new media request should have been sent out
-        assert.calledOnce(fakeMediaRequestManagers.video.addRequest);
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'receiver-selected',
-              csi: 1001,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-        assert.notCalled(fakeMediaRequestManagers.video.cancelRequest);
-
-        resetHistory();
-
-        // change the same video pane again
-        remoteMediaManager.setRemoteVideoCsi(currentLayoutInfo.memberVideoPanes['stage-1'], 1002);
-
-        // a new media request should have been sent out
-        assert.calledOnce(fakeMediaRequestManagers.video.addRequest);
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'receiver-selected',
-              csi: 1002,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-        // and previous one should have been cancelled
-        assert.calledOnce(fakeMediaRequestManagers.video.cancelRequest);
-        assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, fakeRequestId1);
-
-        resetHistory();
-
-        fakeMediaRequestManagers.video.addRequest.returns(fakeRequestId2);
-
-        // now change some other video pane
-        remoteMediaManager.setRemoteVideoCsi(currentLayoutInfo.memberVideoPanes['stage-3'], 2001);
-
-        // a new media request should have been sent out
-        assert.calledOnce(fakeMediaRequestManagers.video.addRequest);
-        assert.calledWith(
-          fakeMediaRequestManagers.video.addRequest,
-          sinon.match({
-            policyInfo: sinon.match({
-              policy: 'receiver-selected',
-              csi: 2001,
-            }),
-            receiveSlots: Array(1).fill(fakeVideoSlot),
-            codecInfo: sinon.match({
-              codec: 'h264',
-              maxFs: 3600,
-            }),
-          })
-        );
-        // nothing should have been cancelled
-        assert.notCalled(fakeMediaRequestManagers.video.cancelRequest);
-
-        resetHistory();
-
-        // now set CSI back to undefined
-        remoteMediaManager.setRemoteVideoCsi(
-          currentLayoutInfo.memberVideoPanes['stage-3'],
-          undefined
-        );
-
-        // no new media request should have been sent out
-        assert.notCalled(fakeMediaRequestManagers.video.addRequest);
-        // and previous one should have been cancelled
-        assert.calledOnce(fakeMediaRequestManagers.video.cancelRequest);
-        assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, fakeRequestId2);
-      }
-    });
-  });
-
-  describe('addMemberVideoPane()', () => {
-    it('fails if there is no current layout', () => {
-      // we haven't called start() so there is no layout set, yet
-      assert.isRejected(
-        remoteMediaManager.addMemberVideoPane({id: 'newPane', size: 'best', csi: 54321})
-      );
-    });
-
-    it('fails if called with a duplicate paneId', async () => {
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      assert.isRejected(
-        remoteMediaManager.addMemberVideoPane({id: 'stage-3', size: 'best', csi: 54321})
-      );
-    });
-
-    it('works as expected when called with a CSI value', async () => {
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      resetHistory();
-
-      await remoteMediaManager.addMemberVideoPane({id: 'newPane', size: 'best', csi: 54321});
-
-      // new slot should be allocated
-      assert.calledOnce(fakeReceiveSlotManager.allocateSlot);
-      assert.calledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-
-      // and a media request sent out
-      assert.calledOnce(fakeMediaRequestManagers.video.addRequest);
-      assert.calledWith(
-        fakeMediaRequestManagers.video.addRequest,
-        sinon.match({
-          policyInfo: sinon.match({
-            policy: 'receiver-selected',
-            csi: 54321,
-          }),
-          receiveSlots: Array(1).fill(fakeVideoSlot),
-          codecInfo: sinon.match({
-            codec: 'h264',
-            maxFs: 8192,
-          }),
-        })
-      );
-    });
-    it('works as expected when called without a CSI value', async () => {
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      resetHistory();
-
-      await remoteMediaManager.addMemberVideoPane({id: 'newPane', size: 'best'});
-
-      // new slot should be allocated
-      assert.calledOnce(fakeReceiveSlotManager.allocateSlot);
-      assert.calledWith(fakeReceiveSlotManager.allocateSlot, MediaType.VideoMain);
-
-      // but no media requests sent out
-      assert.notCalled(fakeMediaRequestManagers.video.addRequest);
-    });
-  });
-
-  describe('removeMemberVideoPane()', () => {
-    it('fails if there is no current layout', () => {
-      // we haven't called start() so there is no layout set, yet
-      assert.isRejected(remoteMediaManager.removeMemberVideoPane('newPane'));
-    });
-
-    it('does nothing when called for a pane not in the current layout', async () => {
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      resetHistory();
-
-      await remoteMediaManager.removeMemberVideoPane('some pane');
-
-      assert.notCalled(fakeReceiveSlotManager.releaseSlot);
-      assert.notCalled(fakeMediaRequestManagers.video.cancelRequest);
-    });
-
-    it('works as expected', async () => {
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      const fakeNewSlot = new FakeSlot(MediaType.VideoMain, 'fake video slot');
-      const fakeRequestId = 'fake request id';
-
-      fakeReceiveSlotManager.allocateSlot.resolves(fakeNewSlot);
-      fakeMediaRequestManagers.video.addRequest.returns(fakeRequestId);
-
-      // first, add some pane
-      await remoteMediaManager.addMemberVideoPane({id: 'newPane', size: 'best', csi: 54321});
-
-      resetHistory();
-
-      // now remove it
-      await remoteMediaManager.removeMemberVideoPane('newPane');
-
-      // slot should be released
-      assert.calledOnce(fakeReceiveSlotManager.releaseSlot);
-      assert.calledWith(fakeReceiveSlotManager.releaseSlot, fakeNewSlot);
-
-      // and a media request cancelled
-      assert.calledOnce(fakeMediaRequestManagers.video.cancelRequest);
-      assert.calledWith(fakeMediaRequestManagers.video.cancelRequest, fakeRequestId);
-    });
-  });
-
-  describe('setActiveSpeakerCsis', () => {
-    it('calls setActiveSpeakerCsis on the correct remote media group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-      let setCsisStub;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-        setCsisStub = sinon.stub(layoutInfo.activeSpeakerVideoPanes.main, 'setActiveSpeakerCsis');
-      });
-
-      await remoteMediaManager.start();
-      resetHistory();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const remoteVideo = currentLayoutInfo.activeSpeakerVideoPanes.main.getRemoteMedia()[0];
-
-        remoteMediaManager.setActiveSpeakerCsis([{remoteMedia: remoteVideo}]);
-
-        assert.calledOnce(setCsisStub);
-        assert.calledWith(setCsisStub, [{remoteMedia: remoteVideo}], false);
-        assert.calledOnce(fakeMediaRequestManagers.video.commit);
-      }
-    });
-
-    it('does not call setActiveSpeakerCsis on the incorrect media group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-      let setCsisStub;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-        setCsisStub = sinon.stub(layoutInfo.activeSpeakerVideoPanes.main, 'setActiveSpeakerCsis');
-      });
-
-      await remoteMediaManager.start();
-      resetHistory();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        remoteMediaManager.setActiveSpeakerCsis([{remoteMedia: {}}]);
-
-        assert.notCalled(setCsisStub);
-        assert.calledOnce(fakeMediaRequestManagers.video.commit);
-      }
-    });
-
-    it('checking when there is more than one group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-      const config = cloneDeep(DefaultTestConfiguration);
-      let stubs = [];
-
-      config.video.initialLayoutId = 'OnePlusFive';
-
-      remoteMediaManager = new RemoteMediaManager(
-        fakeReceiveSlotManager,
-        fakeMediaRequestManagers,
-        config
-      );
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-        Object.values(layoutInfo.activeSpeakerVideoPanes).forEach((group) => stubs.push(sinon.stub(group, 'setActiveSpeakerCsis')));
-      });
-
-      await remoteMediaManager.start();
-      resetHistory();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-
-        const remoteMedia1 = currentLayoutInfo.activeSpeakerVideoPanes.mainBigOne.getRemoteMedia()[0];
-        const remoteMedia2 = currentLayoutInfo.activeSpeakerVideoPanes.secondarySetOfSmallPanes.getRemoteMedia()[0];
-
-        const remoteMediaCsis = [{remoteMedia: remoteMedia1}, {remoteMedia: remoteMedia2}];
-
-        remoteMediaManager.setActiveSpeakerCsis([{remoteMedia: remoteMedia1}, {remoteMedia: remoteMedia2}]);
-
-        stubs.forEach((stub, index) => {
-          assert.calledWith(stub, [remoteMediaCsis[index]], false)
-        });
-        assert.calledOnce(fakeMediaRequestManagers.video.commit);
-      }
-    });
-  });
-
-  describe('pinActiveSpeakerVideoPane() and isPinned()', () => {
-    it('throws if called on a pane not belonging to an active speaker group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-      });
-
-      await remoteMediaManager.start();
-      await remoteMediaManager.setLayout('Stage');
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const remoteVideo = currentLayoutInfo.memberVideoPanes['stage-1'];
-
-        assert.throws(() => remoteMediaManager.pinActiveSpeakerVideoPane(remoteVideo));
-        assert.throws(() => remoteMediaManager.isPinned(remoteVideo));
-      }
-    });
-
-    it('calls pin()/isPinned() on the correct remote media group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-      let pinStub;
-      let isPinnedStub;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-        pinStub = sinon.stub(layoutInfo.activeSpeakerVideoPanes.main, 'pin');
-        isPinnedStub = sinon.stub(layoutInfo.activeSpeakerVideoPanes.main, 'isPinned');
-      });
-
-      await remoteMediaManager.start();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const remoteVideo = currentLayoutInfo.activeSpeakerVideoPanes.main.getRemoteMedia()[0];
-
-        // first test pinActiveSpeakerVideoPane()
-        remoteMediaManager.pinActiveSpeakerVideoPane(remoteVideo);
-
-        assert.calledOnce(pinStub);
-        assert.calledWith(pinStub, remoteVideo, undefined);
-
-        // now test isPinned()
-        remoteMediaManager.isPinned(remoteVideo);
-
-        assert.calledOnce(isPinnedStub);
-        assert.calledWith(isPinnedStub, remoteVideo);
-      }
-    });
-  });
-
-  describe('unpinActiveSpeakerVideoPane', () => {
-    it('throws if called on a remote media instance that was not pinned', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-      });
-
-      await remoteMediaManager.start();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const remoteVideoToUnPin =
-          currentLayoutInfo.activeSpeakerVideoPanes.main.getRemoteMedia('unpinned')[0];
-
-        assert.throws(() => remoteMediaManager.unpinActiveSpeakerVideoPane(remoteVideoToUnPin));
-      }
-    });
-
-    it('calls unpin() on the correct remote media group', async () => {
-      let currentLayoutInfo: VideoLayoutChangedEventData | null = null;
-      let unpinStub;
-
-      remoteMediaManager.on(Event.VideoLayoutChanged, (layoutInfo: VideoLayoutChangedEventData) => {
-        currentLayoutInfo = layoutInfo;
-        unpinStub = sinon.stub(layoutInfo.activeSpeakerVideoPanes.main, 'unpin');
-      });
-
-      await remoteMediaManager.start();
-
-      assert.isNotNull(currentLayoutInfo);
-
-      if (currentLayoutInfo) {
-        const remoteVideo = currentLayoutInfo.activeSpeakerVideoPanes.main.getRemoteMedia()[0];
-
-        // first we need to pin it
-        remoteMediaManager.pinActiveSpeakerVideoPane(remoteVideo, 99999);
-
-        // now we can unpin it
-        remoteMediaManager.unpinActiveSpeakerVideoPane(remoteVideo);
-
-        assert.calledOnce(unpinStub);
-        assert.calledWith(unpinStub, remoteVideo);
-      }
-    });
-  });
-});