fetch/metadata/generated/svg-image.https.sub.html - external/github.com/web-platform-tests/wpt - Git at Google

 <!DOCTYPE html>
 <!--
 This test was procedurally generated. Please do not modify it directly.
 Sources:
 - fetch/metadata/tools/fetch-metadata.conf.yml
 - fetch/metadata/tools/templates/svg-image.sub.html
 -->
 <html lang="en">
   <meta charset="utf-8">
   <meta name="timeout" content="long">
   <title>HTTP headers on request for SVG "image" element source</title>
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/fetch/metadata/resources/helper.sub.js"></script>
   <body>
   <script>
   'use strict';

   const params = {
     body: `
       <svg xmlns="http://www.w3.org/2000/svg" width="123" height="123">
         <rect fill="lime" width="123" height="123"/>
       </svg>
     `,
     mime: 'image/svg+xml'
   };

   function induceRequest(t, url, attributes) {
     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
     svg.setAttributeNS(
       "http://www.w3.org/2000/xmlns/",
       "xmlns:xlink",
       "http://www.w3.org/1999/xlink"
     );
     const image = document.createElementNS("http://www.w3.org/2000/svg", "image");
     image.setAttribute("href", url);
     svg.appendChild(image);

     for (const [ name, value ] of Object.entries(attributes)) {
       image.setAttribute(name, value);
     }

     document.body.appendChild(svg);
     t.add_cleanup(() => svg.remove());

     return new Promise((resolve, reject) => {
       image.onload = resolve;
       image.onerror = reject;
     });
   }

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-origin']);
       });
   }, 'sec-fetch-site - Same origin no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsCrossSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Cross-site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsSameSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-site']);
       });
   }, 'sec-fetch-site - Same site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpsCrossSite', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Same-Origin -> Cross-Site -> Same-Origin redirect no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpsSameSite', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-site']);
       });
   }, 'sec-fetch-site - Same-Origin -> Same-Site -> Same-Origin redirect no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsCrossSite', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Cross-Site -> Same Origin no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsCrossSite', 'httpsSameSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Cross-Site -> Same-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsCrossSite', 'httpsCrossSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Cross-Site -> Cross-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-origin']);
       });
   }, 'sec-fetch-site - Same-Origin -> Same Origin no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpsSameSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-site']);
       });
   }, 'sec-fetch-site - Same-Origin -> Same-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpsCrossSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Same-Origin -> Cross-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsSameSite', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-site']);
       });
   }, 'sec-fetch-site - Same-Site -> Same Origin no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsSameSite', 'httpsSameSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['same-site']);
       });
   }, 'sec-fetch-site - Same-Site -> Same-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsSameSite', 'httpsCrossSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - Same-Site -> Cross-Site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsOrigin', 'httpOrigin', 'httpsOrigin'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-site');
           assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
       });
   }, 'sec-fetch-site - HTTPS downgrade-upgrade no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-mode');
           assert_array_equals(headers['sec-fetch-mode'], ['no-cors']);
       });
   }, 'sec-fetch-mode no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {"crossorigin": ""}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-mode');
           assert_array_equals(headers['sec-fetch-mode'], ['cors']);
       });
   }, 'sec-fetch-mode attributes: crossorigin');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {"crossorigin": "anonymous"}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-mode');
           assert_array_equals(headers['sec-fetch-mode'], ['cors']);
       });
   }, 'sec-fetch-mode attributes: crossorigin=anonymous');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {"crossorigin": "use-credentials"}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-mode');
           assert_array_equals(headers['sec-fetch-mode'], ['cors']);
       });
   }, 'sec-fetch-mode attributes: crossorigin=use-credentials');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-dest');
           assert_array_equals(headers['sec-fetch-dest'], ['empty']);
       });
   }, 'sec-fetch-dest no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, [], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_not_own_property(headers, 'sec-fetch-user');
       });
   }, 'sec-fetch-user no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsCrossSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_own_property(headers, 'sec-fetch-storage-access');
           assert_array_equals(headers['sec-fetch-storage-access'], ['none']);
       });
   }, 'sec-fetch-storage-access - Cross-site no attributes');

   promise_test((t) => {
     const key = '{{uuid()}}';

     return induceRequest(
         t,
         makeRequestURL(key, ['httpsSameSite'], params),
         {}
       )
       .then(() => retrieve(key))
       .then((headers) => {
           assert_not_own_property(headers, 'sec-fetch-storage-access');
       });
   }, 'sec-fetch-storage-access - Same site no attributes');
   </script>
   </body>
 </html>
	<!DOCTYPE html>
	<!--
	This test was procedurally generated. Please do not modify it directly.
	Sources:
	- fetch/metadata/tools/fetch-metadata.conf.yml
	- fetch/metadata/tools/templates/svg-image.sub.html
	-->
	<html lang="en">
	<meta charset="utf-8">
	<meta name="timeout" content="long">
	<title>HTTP headers on request for SVG "image" element source</title>
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>
	<script src="/fetch/metadata/resources/helper.sub.js"></script>
	<body>
	<script>
	'use strict';

	const params = {
	body: `
	<svg xmlns="http://www.w3.org/2000/svg" width="123" height="123">
	<rect fill="lime" width="123" height="123"/>
	</svg>
	`,
	mime: 'image/svg+xml'
	};

	function induceRequest(t, url, attributes) {
	const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
	svg.setAttributeNS(
	"http://www.w3.org/2000/xmlns/",
	"xmlns:xlink",
	"http://www.w3.org/1999/xlink"
	);
	const image = document.createElementNS("http://www.w3.org/2000/svg", "image");
	image.setAttribute("href", url);
	svg.appendChild(image);

	for (const [ name, value ] of Object.entries(attributes)) {
	image.setAttribute(name, value);
	}

	document.body.appendChild(svg);
	t.add_cleanup(() => svg.remove());

	return new Promise((resolve, reject) => {
	image.onload = resolve;
	image.onerror = reject;
	});
	}

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-origin']);
	});
	}, 'sec-fetch-site - Same origin no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsCrossSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Cross-site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsSameSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-site']);
	});
	}, 'sec-fetch-site - Same site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpsCrossSite', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Same-Origin -> Cross-Site -> Same-Origin redirect no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpsSameSite', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-site']);
	});
	}, 'sec-fetch-site - Same-Origin -> Same-Site -> Same-Origin redirect no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsCrossSite', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Cross-Site -> Same Origin no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsCrossSite', 'httpsSameSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Cross-Site -> Same-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsCrossSite', 'httpsCrossSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Cross-Site -> Cross-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-origin']);
	});
	}, 'sec-fetch-site - Same-Origin -> Same Origin no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpsSameSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-site']);
	});
	}, 'sec-fetch-site - Same-Origin -> Same-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpsCrossSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Same-Origin -> Cross-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsSameSite', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-site']);
	});
	}, 'sec-fetch-site - Same-Site -> Same Origin no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsSameSite', 'httpsSameSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['same-site']);
	});
	}, 'sec-fetch-site - Same-Site -> Same-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsSameSite', 'httpsCrossSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - Same-Site -> Cross-Site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsOrigin', 'httpOrigin', 'httpsOrigin'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-site');
	assert_array_equals(headers['sec-fetch-site'], ['cross-site']);
	});
	}, 'sec-fetch-site - HTTPS downgrade-upgrade no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-mode');
	assert_array_equals(headers['sec-fetch-mode'], ['no-cors']);
	});
	}, 'sec-fetch-mode no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{"crossorigin": ""}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-mode');
	assert_array_equals(headers['sec-fetch-mode'], ['cors']);
	});
	}, 'sec-fetch-mode attributes: crossorigin');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{"crossorigin": "anonymous"}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-mode');
	assert_array_equals(headers['sec-fetch-mode'], ['cors']);
	});
	}, 'sec-fetch-mode attributes: crossorigin=anonymous');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{"crossorigin": "use-credentials"}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-mode');
	assert_array_equals(headers['sec-fetch-mode'], ['cors']);
	});
	}, 'sec-fetch-mode attributes: crossorigin=use-credentials');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-dest');
	assert_array_equals(headers['sec-fetch-dest'], ['empty']);
	});
	}, 'sec-fetch-dest no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, [], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_not_own_property(headers, 'sec-fetch-user');
	});
	}, 'sec-fetch-user no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsCrossSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_own_property(headers, 'sec-fetch-storage-access');
	assert_array_equals(headers['sec-fetch-storage-access'], ['none']);
	});
	}, 'sec-fetch-storage-access - Cross-site no attributes');

	promise_test((t) => {
	const key = '{{uuid()}}';

	return induceRequest(
	t,
	makeRequestURL(key, ['httpsSameSite'], params),
	{}
	)
	.then(() => retrieve(key))
	.then((headers) => {
	assert_not_own_property(headers, 'sec-fetch-storage-access');
	});
	}, 'sec-fetch-storage-access - Same site no attributes');
	</script>
	</body>
	</html>