<!DOCTYPE html>
<link rel="match" href="class-names-across-iframes-ref.html" />
<html>
<title>Verifies matching of class names across iframes with/without quirks</title>
<body>
<template><p class="Testing">text that should be green</p></template>
<script>
/*
This test is a regression test for a bug in chrome. See
https://crbug.com/1474382. It triggers quirks mode in the iframe
and then exits quirks mode.
*/
const iframe = document.createElement('iframe');
document.body.append(iframe);
const doc = iframe.contentWindow.document;
const data = document.querySelector('template').innerHTML;
const body = doc.createElement('body');
body.innerHTML = data;
doc.open();
doc.write(`<!DOCTYPE html><html><head><style>p.Testing{color:green;}</style></head><body>${data}</body></html>`);
doc.close();
</script>
</body>
</html>