pragma-no-cache-with-cache-control.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /fetch/http-cache/pragma-no-cache-with-cache-control.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>HTTP Cache: Cache-Control with Pragma: no-cache</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<body>

<script>

promise_test(async _t => {

  // According to https://www.rfc-editor.org/rfc/rfc9111.html#name-pragma

  // the pragma header is deprecated.

  // When there's a mismatch between pragma and Cache-Control then the latter

  // should be respected, and the resource should be cached, but this could

  // lead to web-compat issues when one browser caches and others don't.

  // It's safer to avoid caching when Pragma: no-cache is present, even though

  // this further ossifies its use.

  // See https://bugzilla.mozilla.org/show_bug.cgi?id=1937766 and

  // https://issues.chromium.org/issues/447171250 for discussion.

  const url = 'resources/cached_pragma_rand.py'

  // First fetch to populate the cache

  const response1 = await fetch(url, { cache: 'default' });

  assert_true(response1.ok, 'First fetch should succeed');

  const text1 = await response1.text();

  // Second fetch should be served from cache

  const response2 = await fetch(url, { cache: 'default' });

  assert_true(response2.ok, 'Second fetch should succeed');

  const text2 = await response2.text();

  assert_not_equals(text1, text2, 'Responses should be different, indicating no cache use');

}, 'Response with Cache-Control: max-age=2592000, public and Pragma: no-cache should not be cached');

promise_test(async _t => {

  // Cache-Control: immutable should be cached even when Pragma: no-cache is present

  // because immutable is a strong directive indicating the resource will never change.

  const url = 'resources/cached_pragma_immutable_rand.py'

  // First fetch to populate the cache

  const response1 = await fetch(url, { cache: 'default' });

  assert_true(response1.ok, 'First fetch should succeed');

  const text1 = await response1.text();

  // Second fetch should be served from cache

  const response2 = await fetch(url, { cache: 'default' });

  assert_true(response2.ok, 'Second fetch should succeed');

  const text2 = await response2.text();

  assert_equals(text1, text2, 'Responses should be identical, indicating cache use');

}, 'Response with Cache-Control: max-age=2592000, immutable and Pragma: no-cache should be cached');

</script>

</body>