Support display surface when using fake UI for media stream

This CL adds support in web platform tests for the
MediaTrackSupportedConstraints displaySurface[1] and updates a web
platform test.

[1] https://w3c.github.io/mediacapture-screen-share/#dfn-displaysurface

Bug: 1224912
Change-Id: Id0b577cfafaa59ff73bf5841338b723f7d8e9513
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3936847
Commit-Queue: Fr <beaufort.francois@gmail.com>
Reviewed-by: Guido Urdaneta <guidou@chromium.org>
Reviewed-by: Fr <beaufort.francois@gmail.com>
Cr-Commit-Position: refs/heads/main@{#1056850}

screen-capture/getdisplaymedia.https.html

@@ -197,16 +197,19 @@
   assert_equals(track.readyState, "ended");
 }, 'getDisplayMedia() resolves with stream with video track');
 
-promise_test(async t => {
-  const stream = await getDisplayMedia({video: true});
-  t.add_cleanup(() => stopTracks(stream));
-  const settings = stream.getVideoTracks()[0].getSettings();
-  assert_any(
-      assert_equals, settings.displaySurface,
-      ['monitor', 'window', 'browser']);
-  assert_any(assert_equals, settings.logicalSurface, [true, false]);
-  assert_any(assert_equals, settings.cursor, ['never', 'always', 'motion']);
-}, 'getDisplayMedia() with getSettings');
+{
+  const displaySurfaces = ['monitor', 'window', 'browser'];
+  displaySurfaces.forEach((displaySurface) => {
+    promise_test(async t => {
+      const stream = await getDisplayMedia({video: {displaySurface}});
+      t.add_cleanup(() => stopTracks(stream));
+      const settings = stream.getVideoTracks()[0].getSettings();
+      assert_equals(settings.displaySurface, displaySurface);
+      assert_any(assert_equals, settings.logicalSurface, [true, false]);
+      assert_any(assert_equals, settings.cursor, ['never', 'always', 'motion']);
+    }, `getDisplayMedia({"video":{"displaySurface":"${displaySurface}"}}) with getSettings`);
+  })
+}
 
 {
   const properties = ["displaySurface"];