test_groupId.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <script src="mediaStreamPlayback.js"></script>

</head>

<body>

<pre id="test">

<script type="application/javascript">

createHTML({ title: "Test group id of MediaDeviceInfo", bug: "1213453" });

async function getDefaultDevices() {

  const devices = await navigator.mediaDevices.enumerateDevices();

  is(devices.length, 2, "Two fake devices found.");

  devices.forEach(d => isnot(d.groupId, "", "GroupId is included in every device"));

  const videos = devices.filter(d => d.kind == "videoinput");

  is(videos.length, 1, "One video device found.");

  const audios = devices.filter(d => d.kind == "audioinput");

  is(audios.length, 1, "One microphone device found.");

  return {audio: audios[0], video: videos[0]};

runTest(async () => {

  // Force fake devices in order to be able to change camera name by pref.

  await pushPrefs(["media.navigator.streams.fake", true],

                  ["media.audio_loopback_dev", ""],

                  ["media.video_loopback_dev", ""]);

  const afterGum = await navigator.mediaDevices.getUserMedia({

    video: true, audio: true

});

  afterGum.getTracks().forEach(track => track.stop());

  let {audio, video} = await getDefaultDevices();

  /* The low level method to correlate groupIds is by device names.

   * Use a similar comparison here to verify that it works.

   * Multiple devices of the same device name are not expected in

   * automation. */

  isnot(audio.label, video.label, "Audio label differs from video");

  isnot(audio.groupId, video.groupId, "Not the same groupIds");

  // Change video name to match.

  await pushPrefs(["media.getusermedia.fake-camera-name", audio.label]);

  ({audio, video} = await getDefaultDevices());

  is(audio.label, video.label, "Audio label matches video");

  is(audio.groupId, video.groupId, "GroupIds should be the same");

});

</script>

</pre>

</body>

</html>