1838012 - Show parent rules selectors for nested rules

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, enhancement, P1)

Description

[Nicolas Chevobbe [:nchevobbe]]

We should display the selector of parent rules as we already do for parent at-rules.
Regular rules and at-rules can be nested in complex pattern, so it makes sense to treat them all as "ancestor data", as it's currently the case.

This needs Bug 1835062 so we can access parentRule from a given rule

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1838012 - [devtools] Display parent rule selector in ancestor data. r=jdescottes.

From the server, when traversing parent rules, we now do include non at-rules
that have a selectorText property, in order to handle CSS nesting.
On the client, we display those selectors as we do for ancestor at-rules (at least
for now, we might add brackets and proper indentation in a follow up).
A test with various nesting is added to check we do display the ancestor rules
as expected.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/31b8dd660a71
[devtools] Display parent rule selector in ancestor data. r=jdescottes,devtools-reviewers.

Comment 3

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/31b8dd660a71