partitioned-visited-manual.tentative.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset="utf-8">

<title>:visited links are partitioned by top-level site and frame origin</title>

<link rel="author" title="Kyra Seevers" href="mailto:kyraseevers@chromium.org">

<link rel="help" href="https://drafts.csswg.org/selectors-4/#visited-privacy">

<!-- Import scripts to build same- and cross-origin URLs -->

<script src="/common/get-host-info.sub.js"></script>

<body>

    <h2>Description</h2>

    <p>The goal of this manual test is to ensure that :visited links are

    partitioned by link URL, top-level site, and frame origin. </p>

    <br/>

    <p>(1) Clear any browsing data, including history.</p>

    <br/>

    <p>(2) Click on the link in the first iframe. The link in this

    top-level frame should turn purple. The link in the second iframe

    should remain blue.</p>

    <br/>

    <!-- This link's triple key is:

    Link URL: https://drafts.csswg.org/selectors-4,

    Top-Level Site: http://localhost,

    Frame Origin: http://localhost:8000 -->

    <a href = "https://drafts.csswg.org/selectors-4">I should turn purple!</a>

    <br/>

    <p>(3) Finally, click on the browser's back arrow.

    </p>

    <br/>

    <p>Test PASSES if: the top-level link (I should turn purple!) is purple,

    the first iframe link (Click me! (Then I should turn purple)) is purple,

    and the second iframe link (I should stay blue) is blue. All other

    conditions: the test FAILS.

    </p>

    <br/> <br/>

    <script>

	// Associate our local HTML resources with an origin that is

	// same- or cross-origin to the top-level page. This is

	// important so that we can accurately compare our

	// triple-partition keys.

	const { HTTP_ORIGIN, HTTP_REMOTE_ORIGIN } = get_host_info();

	let same_origin_url = HTTP_ORIGIN + '/css/selectors/resources/partitioned-visited-same-site-iframe.html';

	let cross_origin_url = HTTP_REMOTE_ORIGIN + '/css/selectors/resources/partitioned-visited-cross-site-iframe.html';

	// Construct the same-origin iframe. This link's triple key is:

	// Link URL: https://drafts.csswg.org/selectors-4,

	// Top-Level Site: http://localhost,

	// Frame Origin: http://localhost:800

	let same_origin_iframe = document.createElement("iframe");

        same_origin_iframe.setAttribute("src", same_origin_url);

	document.body.appendChild(same_origin_iframe);

	// Construct the cross-origin iframe. This link's triple key is:

	// Link URL: https://drafts.csswg.org/selectors-4,

	// Top-Level Site: http://localhost,

	// Frame Origin: http://www1.localhost:800

	let cross_origin_iframe = document.createElement("iframe");

	cross_origin_iframe.setAttribute("src", cross_origin_url);

	document.body.appendChild(cross_origin_iframe);

    </script>

</body>