LayoutTests/inspector/elements/styles/style-rule-from-imported-stylesheet.html - Issue 313083005: DevTools: Show rules from imported stylesheets.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/inspector/elements/styles/style-rule-from-imported-stylesheet.html

Issue 313083005: DevTools: Show rules from imported stylesheets. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Added a test Created 6 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style type="text/css">	3 <link rel="import" href="resources/imported-stylesheet.html"/>

4 #main {

5 height: 100px;

6 background: #000;

7 background: #bada55;

8 }

9 </style>

10

11 <script src="../../../http/tests/inspector/inspector-test.js"></script>	4 <script src="../../../http/tests/inspector/inspector-test.js"></script>

12 <script src="../../../http/tests/inspector/elements-test.js"></script>	5 <script src="../../../http/tests/inspector/elements-test.js"></script>

13 <script>	6 <script>

14	7

15 function test()	8 function test()

16 {	9 {

17 InspectorTest.selectNodeAndWaitForStyles("main", step1);	10 InspectorTest.selectNodeAndWaitForStyles("square", step1);

18	11

19 function step1()	12 function step1()

20 {	13 {

21 InspectorTest.dumpSelectedElementStyles(true, false, true);	14 InspectorTest.dumpSelectedElementStyles(true, false, true);

22 InspectorTest.completeTest();	15 InspectorTest.completeTest();

23 }	16 }

24 }	17 }

25

26 </script>	18 </script>

27 </head>	19 </head>

28	20

29 <body onload="runTest()">	21 <body onload="runTest()">

30 <p>	22 <p>Tests that rules from imported stylesheets are correctly shown in inspector.< /p>

31 Tests that overriding shorthands within rule are visible.	23 <div id="square" class="square"></div>

32 </p>

33

34 <div id="main"></div>

35

36 </body>	24 </body>

37 </html>	25 </html>

OLD	NEW