url-image-integrity.sub.html

firefox-main/testing/web-platform/tests/css/css-values/urls/integrity/url-image-integrity.sub.html

Enable keyboard shortcuts

Source code

File a bug in Core :: CSS Parsing and Computation

Revision control

Copy as Markdown

Other Tools

HG Web

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-values/urls/integrity/url-image-integrity.sub.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>Request URL Modifiers: integrity() for background-image</title>

<link rel="help" href="https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-integrity-modifier">

<link rel="match" href="/css/reference/ref-filled-green-100px-square.xht">

<meta name="assert" content="A url with a matching integrity() modifier should load the image successfully.">

<style>

.test {

  width: 100px;

  height: 100px;

  background-color: red;

  background-image: url("{{location[server]}}/css/support/1x1-green.png?pipe=header(Access-Control-Allow-Origin,*)" cross-origin(anonymous) integrity("sha256-ojYhORbdML13GiM6odZjgeq/M1v4iFMEt1pOLjcNaM4="));

</style>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

<div class="test"></div>