1809107 - Constructable stylesheet are displayed as "inline style sheet"

Status: RESOLVED FIXED

(DevTools :: Style Editor, defect, P3)

Description

[Nicolas Chevobbe [:nchevobbe]]

Steps to reproduce

1. Navigate to data:text/html,<meta charset=utf8>Hello<script>let s = new CSSStyleSheet();s.replace('body { color: blue; }');document.adoptedStyleSheets = [ s ];</script>
2. Open the style editor

Expected results

There's a <constructed style sheet #1> item

Actual results

There's a <inline style sheet #1> item

---

The STYLESHEET resource has a constructed property that we could use for that (https://searchfox.org/mozilla-central/rev/d62c4c4d5547064487006a1506287da394b64724/devtools/server/actors/resources/stylesheets.js#72)

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1809107 - [devtools] Display proper label for constructable stylesheet in Style Editor. r=#devtools.

This adds a new <constructed style sheet #N> string that we use for constructable
stylesheets.
The index that we display probably doesn't make much sense for toolboxes handling
multiple documents, but we already have the same issue with the inline stylesheet
labels.

Some constructed stylesheets are added in browser_styleeditor_filter.js so we can
test that the label is the one we wanted and that filtering does work for those
stylesheets as well.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/39dd3524b155
[devtools] Display proper label for constructable stylesheet in Style Editor. r=ochameau.

Comment 3

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

https://hg.mozilla.org/mozilla-central/rev/39dd3524b155