Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add tests for CSS/JSON imports fetch destination and CSP #41665

Conversation

nicolo-ribaudo
Copy link
Member

This PR adds tests for whatwg/html#9486 and whatwg/fetch#1691. I copied the style of other tests in the same directories.

cc @annevk

@annevk
Copy link
Member

annevk commented Sep 1, 2023

@antosart could you review these please as current CSP maintainer? Thanks!

<html>

<head>
<meta http-equiv="Content-Security-Policy" content="connect-src 'self' http://{{host}}:{{ports[http][0]}}; script-src 'self' 'unsafe-inline';">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isn't http://{{host}}:{{ports[http][0]}} the same as self?

Copy link
Member Author

@nicolo-ribaudo nicolo-ribaudo Oct 10, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it's the same, at least when serving as http -- I copied it from various other tests in the same folder such as https://github.com/web-platform-tests/wpt/blob/master/content-security-policy/connect-src/connect-src-beacon-allowed.sub.html

Given that no implementation currently passes these tests, I can't really try what happens if I remove it.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's unfortunate that we cannot test it at the moment... But I would just drop this since I am pretty sure it does nothing more than 'self'.

@@ -0,0 +1 @@
{}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

since you are reusing this file, I guess you can just put it in the top-level /common

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I now moved the other dummy.json files, but I left this one here because it needs to be in the correct scope for the service worker.

@nicolo-ribaudo nicolo-ribaudo force-pushed the import-json-css-destination branch 2 times, most recently from 53782ef to ae17f88 Compare October 10, 2023 04:33
@nicolo-ribaudo
Copy link
Member Author

Thank you @antosart for the review and sorry that it took so long. This should be ready for a re-review now!

<title>connect-src-json-import-allowed</title>
<meta
http-equiv="Content-Security-Policy"
content="connect-src 'self'; script-src http://{{host}}:{{ports[http][0]}}/resources/testharness.js http://{{host}}:{{ports[http][0]}}/resources/testharnessreport.js 'unsafe-inline';"
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I updated this test so that script-src does not include self and thus the test will fail if a platform mistakenly uses script-src for JSON (or CSS) modules.

Copy link
Contributor

@antosart antosart left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me, thanks!

I am not sure about the bot failures though. I have the impression they should be preexistent but I am not sure how we handle that.

fetch/api/request/destination/fetch-destination.https.html Outdated Show resolved Hide resolved
@nicolo-ribaudo
Copy link
Member Author

Maybe @annevk can help with the CI failure? :)

@sideshowbarker sideshowbarker merged commit a862c87 into web-platform-tests:master Oct 29, 2023
16 of 19 checks passed
@nicolo-ribaudo nicolo-ribaudo deleted the import-json-css-destination branch October 29, 2023 18:41
annevk pushed a commit to whatwg/fetch that referenced this pull request Oct 29, 2023
annevk pushed a commit to whatwg/html that referenced this pull request Oct 29, 2023
aarongable pushed a commit to chromium/chromium that referenced this pull request Jan 19, 2024
The "Import Attributes" ECMAScript proposal has been updated to allow
attributes to affect how modules are fetched, so that HTML can use them
to set the proper destination when fetching CSS and JSON modules [1].

This has two major effects:
- the `Accept` HTTP header is now specific to the module type, rather
  than simply being `*/*`
- we use the relevant CSP policy rather than always script-src.

This patch only implements this change for CSS modules. The change for
JSON modules will come in a later patch, as it's more complex because it
requires introducing a new fetch destination [2].

It passes the relevant wpt tests [3] when using --js-flags="--harmony_import_attributes.

[1]: whatwg/html#9486
[2]: whatwg/fetch#1691
[3]: web-platform-tests/wpt#41665

Bug: 1491336
Change-Id: I4abf09dd828e5ded2b685be6da231c3fca90e19f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4949956
Reviewed-by: Hiroshige Hayashizaki <[email protected]>
Reviewed-by: Stephen Chenney <[email protected]>
Reviewed-by: Takashi Toyoshima <[email protected]>
Commit-Queue: Nicolò Ribaudo <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1249592}
aarongable pushed a commit to chromium/chromium that referenced this pull request Jan 20, 2024
This patch adds a new `json` fetch destination [fetch-spec-pr], that has
the following characteristics:
- it implies the `Accept: application/json,*/*;q=0.5` HTTP header;
- it uses the `connect-src` CSP directive [csp-spec-pr].

This new destination is used when fetching JSON module scripts, using
`import ... from "/data" with { type: "json" }` [html-spec-pr].
https://crrev.com/c/4949956 implements a similar change for CSS module
scripts, but their implementation is simpler because the `style`
destination already exists.

This patch passes all the relevant WPT tests [wpt-pr] (when using
--js-flags="--harmony_import_attributes), although I had to run them
manually because they have not been merged yet.

This patch does not add support for `<link rel="preload" as="json">`,
which is also introduced by the linked fetch and HTML spec changes.

[fetch-spec-pr]: whatwg/fetch#1691
[csp-spec-pr]: w3c/webappsec-csp#611
[html-spec-pr]: whatwg/html#9486
[wpt-pr]: web-platform-tests/wpt#41665

Bug: 1491336
Change-Id: I6661ddc9be04935e2ee760eb78d1060ae0192a55
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4955077
Reviewed-by: Takashi Toyoshima <[email protected]>
Reviewed-by: David Bertoni <[email protected]>
Reviewed-by: Hiroki Nakagawa <[email protected]>
Reviewed-by: Xinghui Lu <[email protected]>
Commit-Queue: Nicolò Ribaudo <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1249822}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants