1 files changed, 219 insertions, 0 deletions
diff --git a/testing/web-platform/tests/mediasession/mediametadata.html b/testing/web-platform/tests/mediasession/mediametadata.html
new file mode 100644
index 0000000000..ff00e54ee7
--- /dev/null
+++ b/testing/web-platform/tests/mediasession/mediametadata.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<title>MediaMetadata interface</title>
+<script src=/resources/testharness.js></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+
+function load_iframe(src) {
+  return new Promise(resolve => {
+    const iframe = document.createElement('iframe');
+    iframe.onload = () => { resolve(iframe); };
+    iframe.src = src;
+    iframe.style.display = 'none';
+    document.documentElement.appendChild(iframe);
+  });
+}
+
+test(function() {
+  var metadata = new MediaMetadata({});
+  navigator.mediaSession.metadata = metadata;
+  assert_equals(navigator.mediaSession.metadata, metadata);
+}, "Test that mediaSession.metadata is properly set");
+
+test(function() {
+  var metadata = new MediaMetadata({});
+  navigator.mediaSession.metadata = metadata;
+  metadata.title = 'foo';
+  assert_equals(navigator.mediaSession.metadata.title, 'foo');
+}, "Test that changes to metadata propagate properly");
+
+test(function() {
+  var metadata = new MediaMetadata({});
+  navigator.mediaSession.metadata = metadata;
+  navigator.mediaSession.metadata = null;
+  assert_equals(navigator.mediaSession.metadata, null);
+}, "Test that resetting metadata to null is reflected");
+
+test(function() {
+  var metadata = new MediaMetadata({});
+  assert_not_equals(metadata, null);
+
+  assert_throws_js(TypeError, _ => new MediaMetadata('foobar'));
+  assert_throws_js(TypeError, _ => new MediaMetadata(42));
+}, 'Test that MediaMetadata is constructed using a dictionary');
+
+test(function() {
+  var metadata = new MediaMetadata();
+  assert_not_equals(metadata, null);
+}, "Test that MediaMetadata constructor can take no parameter");
+
+test(function() {
+  var image1 = { src: 'http://example.com/1', sizes: 'sizes1', type: 'type1' };
+  var image2 = { src: 'http://example.com/2', sizes: 'sizes2', type: 'type2' };
+  var metadata = new MediaMetadata({
+      title: 'foo', album: 'bar', artist: 'plop', artwork: [ image1, image2 ]
+  });
+
+  assert_equals(metadata.title, 'foo');
+  assert_equals(metadata.album, 'bar');
+  assert_equals(metadata.artist, 'plop');
+  assert_equals(metadata.artwork.length, 2);
+  assert_equals(metadata.artwork[0].src, image1.src);
+  assert_equals(metadata.artwork[0].sizes, image1.sizes);
+  assert_equals(metadata.artwork[0].type, image1.type);
+  assert_equals(metadata.artwork[1].src, image2.src);
+  assert_equals(metadata.artwork[1].sizes, image2.sizes);
+  assert_equals(metadata.artwork[1].type, image2.type);
+}, 'Test the different values allowed in MediaMetadata init dictionary');
+
+test(function() {
+  var metadata = new MediaMetadata({});
+  assert_equals(metadata.title, '');
+  assert_equals(metadata.artist, '');
+  assert_equals(metadata.album, '');
+  assert_equals(0, metadata.artwork.length);
+}, 'Test the default values for MediaMetadata with empty init dictionary');
+
+test(function() {
+  var metadata = new MediaMetadata();
+  assert_equals(metadata.title, '');
+  assert_equals(metadata.artist, '');
+  assert_equals(metadata.album, '');
+  assert_equals(0, metadata.artwork.length);
+}, 'Test the default values for MediaMetadata with no init dictionary');
+
+test(function() {
+  var metadata = new MediaMetadata({ randomValueThatWillNotBeAdded: '... hopefully ;)' });
+  assert_equals(metadata.randomValueThatWillNotBeAdded, undefined);
+}, 'Test that passing unknown values to the dictionary is a no-op');
+
+test(function() {
+  var image1 = { src: 'http://example.com/1', sizes: 'sizes1', type: 'type1' };
+  var image2 = { src: 'http://example.com/2', sizes: 'sizes2', type: 'type2' };
+  var metadata = new MediaMetadata({
+    title: 'foo', album: 'bar', artist: 'plop', artwork: [ image1, image2 ]
+  });
+
+  metadata.title = 'something else';
+  assert_equals(metadata.title, 'something else');
+
+  metadata.album = 'other value';
+  assert_equals(metadata.album, 'other value');
+
+  metadata.artist = 'someone else';
+  assert_equals(metadata.artist, 'someone else');
+
+  var image = { src: 'http://example.com/', sizes: '40x40', type: 'image/png' };
+  metadata.artwork = [ image ];
+  assert_equals(metadata.artwork.length, 1);
+  assert_equals(metadata.artwork[0].src, 'http://example.com/');
+  assert_equals(metadata.artwork[0].sizes, '40x40');
+  assert_equals(metadata.artwork[0].type, 'image/png');
+}, "Test that MediaMetadata is read/write");
+
+test(function() {
+  var metadata = new MediaMetadata({ artwork: [ { src: 'http://foo.com/' } ] });
+  assert_throws_js(TypeError, _ => {
+    metadata.artwork.push({
+      src: 'http://example.com/', sizes: '40x40', type: 'image/png',
+    });
+  });
+
+  metadata.artwork[0].src = 'bar';
+  assert_equals(metadata.artwork[0].src, 'http://foo.com/');
+}, "Test that MediaMetadat.artwork can't be modified");
+
+test(function() {
+  var metadata = new MediaMetadata({ artwork: [{
+    src: 'http://example.com/', sizes: '40x40', type: 'image/png',
+    some_other_value: 'foo',
+  }]});
+  assert_equals(metadata.artwork[0].src, 'http://example.com/');
+  assert_equals(metadata.artwork[0].sizes, '40x40');
+  assert_equals(metadata.artwork[0].type, 'image/png');
+  assert_false('some_other_value' in metadata.artwork[0]);
+
+  metadata.artwork[0].something_else = 'bar';
+  assert_false('something_else' in metadata.artwork[0]);
+}, "Test that MediaMetadata.artwork will not expose unknown properties");
+
+test(function() {
+  var metadata = new MediaMetadata({ artwork: [
+    { src: 'http://example.com/1', sizes: '40x40', type: 'image/png' },
+    { src: 'http://example.com/2', sizes: '40x40', type: 'image/png' },
+  ]});
+
+  assert_true(Object.isFrozen(metadata.artwork));
+  for (var i = 0; i < metadata.artwork.length; ++i)
+    assert_true(Object.isFrozen(metadata.artwork[i]));
+}, "Test that MediaMetadata.artwork is Frozen");
+
+test(function() {
+  var metadata = new MediaMetadata({ artwork: [
+    { src: 'http://example.com', sizes: '40x40', type: 'image/png' },
+    { src: '../foo', sizes: '40x40', type: 'image/png' },
+    { src: '/foo/bar', sizes: '40x40', type: 'image/png' },
+  ]});
+
+  assert_equals(metadata.artwork[0].src, new URL('http://example.com', document.URL).href)
+  assert_equals(metadata.artwork[1].src, new URL('../foo', document.URL).href)
+  assert_equals(metadata.artwork[2].src, new URL('/foo/bar', document.URL).href)
+}, "Test that MediaMetadata.artwork returns parsed urls");
+
+test(function() {
+  var metadata = 42;
+
+  assert_throws_js(TypeError, _ => {
+    metadata
+      new MediaMetadata({ artwork: [ { src: 'http://[example.com]' }] });
+  });
+  assert_equals(metadata, 42);
+
+  metadata = new MediaMetadata();
+  assert_throws_js(TypeError, _ => {
+    metadata.artwork = [
+      // Valid url.
+      { src: 'http://example.com' },
+      // Invalid url.
+      { src: 'http://example.com:demo' },
+    ];
+  });
+  assert_equals(metadata.artwork.length, 0);
+
+}, "Test that MediaMetadata throws when setting an invalid url");
+
+test(function() {
+  var metadata = new MediaMetadata({ artwork: [ { src: 'foo.jpg' } ] });
+  assert_equals(metadata.artwork[0].type, '');
+  assert_equals(metadata.artwork[0].sizes, '');
+}, "Test MediaImage default values");
+
+test(function() {
+  assert_throws_js(TypeError, _ => {
+    new MediaMetadata({ artwork: [ {} ] });
+  });
+
+  var metadata = new MediaMetadata();
+  assert_throws_js(TypeError, _ => {
+    metadata.artwork = [ { type: 'image/png', sizes: '40x40' } ];
+  });
+}, "Test that MediaImage.src is required")
+
+promise_test(async t => {
+  const URLs = [
+    'http://example.com',
+    '../foo',
+    './foo/bar',
+    '/foo/bar',
+  ];
+  const subframe = await load_iframe('helper/artwork-generator.html');
+  // createArtworkFromURLs is a function in the subframe.
+  const artwork = subframe.contentWindow.createArtworkFromURLs(URLs);
+
+  assert_equals(artwork.length, URLs.length);
+  for (let i = 0 ; i < artwork.length ; ++i) {
+    assert_equals(artwork[i].src, new URL(URLs[i], document.URL).href);
+  }
+}, 'Test that the base URL of MediaImage is the base URL of entry setting object');
+
+</script>