Bug 18530

Summary: Web Inspector: console should show an icon for console.info() messages
Product: WebKit Reporter: Adam Roben (:aroben) <aroben>
Component: Web InspectorAssignee: Jon Davis <jond>
Status: RESOLVED FIXED    
Severity: Normal CC: agomez, buildbot, burg, commit-queue, darin, dsam2912, eric, graouts, jberlin, joepeck, josephburnett79, me, paulirish, rniwa, timothy, webkit-bug-importer, webkit.review.bot
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Bug Depends on: 144488    
Bug Blocks: 144461    
Attachments:
Description Flags
Screenshot of Firebug's console.info and console.log output
none
Show the tip icon by console.info entries
none
Fixed style problem with previous patch.
none
Screenshot of console.info icon
none
sample for console info icon
none
Adds Debug, Info and Log SVG icons.
timothy: review+
Patch
timothy: review+, joepeck: commit-queue-
Patch
none
Archive of layout-test-results from ews105 for mac-mavericks-wk2
none
Archive of layout-test-results from ews101 for mac-mavericks
none
Patch
timothy: review+, timothy: commit-queue-
Patch none

Description Adam Roben (:aroben) 2008-04-16 08:44:11 PDT
The Inspector's Console should visually distinguish console.info from console.log. In Firebug, console.info has an "information" icon next to it (a blue circle with a white lowercase "i" inside it).
Comment 1 Adam Roben (:aroben) 2008-04-16 08:45:45 PDT
Created attachment 20584 [details]
Screenshot of Firebug's console.info and console.log output
Comment 2 Timothy Hatcher 2008-04-16 09:20:07 PDT
I am tempted to say use our tip balloon icon.
Comment 3 Joseph Burnett 2010-04-12 04:01:31 PDT
Created attachment 53161 [details]
Show the tip icon by console.info entries
Comment 4 WebKit Review Bot 2010-04-12 04:05:14 PDT
Attachment 53161 [details] did not pass style-queue:

Failed to run "WebKitTools/Scripts/check-webkit-style" exit_code: 1
WebCore/ChangeLog:6:  Line contains tab character.  [whitespace/tab] [5]
Total errors found: 1 in 6 files


If any of these errors are false positives, please file a bug against check-webkit-style.
Comment 5 Joseph Burnett 2010-04-15 10:54:53 PDT
Created attachment 53450 [details]
Fixed style problem with previous patch.
Comment 6 Joseph Burnett 2010-04-24 12:20:35 PDT
Created attachment 54222 [details]
Screenshot of console.info icon
Comment 7 Eric Seidel (no email) 2010-05-07 23:22:38 PDT
Comment on attachment 53450 [details]
Fixed style problem with previous patch.

Tab in the ChangeLog will prevent the cq from being able to land this for you.
Comment 8 Joseph Burnett 2010-05-08 07:55:26 PDT
There's no tab in the most recent patch, 4/5/2010.  I saw the failed style and fixed it already.


(In reply to comment #7)
> (From update of attachment 53450 [details])
> Tab in the ChangeLog will prevent the cq from being able to land this for you.
Comment 9 Jessie Berlin 2010-05-13 10:42:24 PDT
On IRC pfeldman mentioned that the only reason he will not r+ the patch is that he isn't a fan of the icon. He thinks that it should be in line with the warningIcon.png and errorIcon.png, using the same exclamation style + blue circle as a background (to be more aligned with firebug).

Joseph would need the image source for these. pfeldman suggested that Tim might land the image sources under front-end/ImageSources.

Tim, Is there a way to export your imagery to gimp and open source it?
Comment 10 Eric Seidel (no email) 2010-09-02 13:52:31 PDT
Did this get landed?
Comment 11 Eric Seidel (no email) 2010-09-15 00:17:57 PDT
Assuming it did.
Comment 12 Jessie Berlin 2010-09-15 05:50:05 PDT
It was not landed. See comment #9.
Comment 13 Eric Seidel (no email) 2010-10-14 11:36:52 PDT
We're still waiting on comment from Tim Hatcher? is that correct?
Comment 14 Joseph Burnett 2010-10-17 20:26:16 PDT
Correct.  With the image from Tim Hatcher, the patch should be good to go.
Comment 15 Eric Seidel (no email) 2010-12-20 23:00:14 PST
@xenon: Ping?
Comment 16 sam 2012-05-03 05:08:58 PDT
Created attachment 139985 [details]
sample for console info icon

If its ok with Joseph and Pavel, and console-info icon looks ok, i can upload a patch for it.
Comment 17 Pavel Feldman 2012-05-03 05:11:52 PDT
(In reply to comment #16)
> Created an attachment (id=139985) [details]
> sample for console info icon
> 
> If its ok with Joseph and Pavel, and console-info icon looks ok, i can upload a patch for it.

I like the image from https://bugs.webkit.org/attachment.cgi?id=54222 more.
Comment 18 Eric Seidel (no email) 2013-01-04 00:49:42 PST
I assume this was landed?
Comment 19 Paul Irish 2013-01-04 16:47:41 PST
(In reply to comment #18)
> I assume this was landed?

Nope, not yet.

Sam, can you update the patch?
Comment 20 Darin Adler 2013-05-08 09:08:00 PDT
Someone should pick this one up and do it.
Comment 21 Radar WebKit Bug Importer 2014-01-12 14:59:01 PST
<rdar://problem/15801362>
Comment 22 Timothy Hatcher 2015-03-01 18:22:51 PST
Assigning this to Jon Davis, he has an SVG icon for this.
Comment 23 Jon Davis 2015-03-16 12:15:26 PDT
Created attachment 248741 [details]
Adds Debug, Info and Log SVG icons.
Comment 24 Timothy Hatcher 2015-03-16 14:19:27 PDT
Comment on attachment 248741 [details]
Adds Debug, Info and Log SVG icons.

Nice!
Comment 25 Joseph Pecoraro 2015-03-16 14:21:15 PDT
Comment on attachment 248741 [details]
Adds Debug, Info and Log SVG icons.

View in context: https://bugs.webkit.org/attachment.cgi?id=248741&action=review

> Source/WebInspectorUI/UserInterface/Images/Info.svg:1
> +<?xml version="1.0" encoding="utf-8"?>

Since console.info is just an alias of console.debug right now. Should we separate the two? Otherwise this image won't get used.
Comment 26 Timothy Hatcher 2015-03-16 14:35:07 PDT
Comment on attachment 248741 [details]
Adds Debug, Info and Log SVG icons.

Oh, I forgot about that.
Comment 27 Joseph Pecoraro 2015-03-16 14:38:38 PDT
(In reply to comment #26)
> Comment on attachment 248741 [details]
> Adds Debug, Info and Log SVN icons.
> 
> Oh, I forgot about that.

Jon, if you wanted to look at this (C++ side) you'd be looking at:

    Source/JavaScriptCore/runtime/ConsolePrototype.cpp
    Source/JavaScriptCore/runtime/ConsoleTypes.h

Or pass this my way.
Comment 28 Jon Davis 2015-04-29 15:45:11 PDT
Created attachment 251997 [details]
Patch

Adds new icons and separates console.info from console.log.
Comment 29 Joseph Pecoraro 2015-04-29 15:54:41 PDT
Comment on attachment 251997 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=251997&action=review

The rest of this patch looks good to me!

> Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.js:53
> +        case WebInspector.ConsoleMessage.MessageLevel.Info:

You are missing a check for "case WebInspector.ConsoleMessage.MessageLevel.Info" in LogContentView.js ~ line 670.

LogContentView.prototype._filterMessageElements has a switch on the message level, you should treat "info" as a filter like Debug/Log.
Comment 30 Jon Davis 2015-04-29 16:32:30 PDT
Created attachment 252004 [details]
Patch

Adds missing switch for console message filters, and missing localized string entry.
Comment 31 Build Bot 2015-04-29 16:39:00 PDT
Comment on attachment 251997 [details]
Patch

Attachment 251997 [details] did not pass mac-wk2-ews (mac-wk2):
Output: http://webkit-queues.appspot.com/results/5396782225817600

New failing tests:
inspector-protocol/console/console-message.html
Comment 32 Build Bot 2015-04-29 16:39:06 PDT
Created attachment 252007 [details]
Archive of layout-test-results from ews105 for mac-mavericks-wk2

The attached test failures were seen while running run-webkit-tests on the mac-wk2-ews.
Bot: ews105  Port: mac-mavericks-wk2  Platform: Mac OS X 10.9.5
Comment 33 Build Bot 2015-04-29 16:53:39 PDT
Comment on attachment 251997 [details]
Patch

Attachment 251997 [details] did not pass mac-ews (mac):
Output: http://webkit-queues.appspot.com/results/6278785435435008

New failing tests:
inspector-protocol/console/console-message.html
Comment 34 Build Bot 2015-04-29 16:53:44 PDT
Created attachment 252010 [details]
Archive of layout-test-results from ews101 for mac-mavericks

The attached test failures were seen while running run-webkit-tests on the mac-ews.
Bot: ews101  Port: mac-mavericks  Platform: Mac OS X 10.9.5
Comment 35 Jon Davis 2015-04-29 17:09:09 PDT
Created attachment 252011 [details]
Patch

Appeasing the bots with updated expected output.
Comment 36 Timothy Hatcher 2015-04-30 01:15:43 PDT
Comment on attachment 252011 [details]
Patch

You will need to post a new version that is rebased since this one does not apply to TOT anymore. Otherwise looks good.
Comment 37 Jon Davis 2015-04-30 09:06:16 PDT
Created attachment 252061 [details]
Patch

Rebased patch.
Comment 38 Jon Davis 2015-04-30 18:12:35 PDT
https://trac.webkit.org/changeset/183659