[sources] Check media type for images and fonts

If users navigate a chrome tab to an image/font it has ResourceType
'Document' and currently we'll show an error (or raw bytes).

Instead we can be a bit more permissive and attempt to render an
image/font if the media type indicates as such.

[email protected]

Fixed: 373728013
Change-Id: Ia931cbacfe0b0f41ba1789214c683e9857dd1b5b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5952209
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Simon Zünd <[email protected]>

Author: szuend

front_end/panels/sources/SourcesView.test.ts

@@ -93,6 +93,7 @@ describeWithEnvironment('SourcesView', () => {
         {} as Persistence.FileSystemWorkspaceBinding.FileSystem,
         'file:///path/to/overrides/www.example.com/.headers' as Platform.DevToolsPath.UrlString,
         Common.ResourceType.resourceTypes.Document);
+    sinon.stub(uiSourceCode, 'mimeType').returns('text/plain');
     sourcesView.viewForFile(uiSourceCode);
     assert.isTrue(sourcesView.getSourceView(uiSourceCode) instanceof SourcesComponents.HeadersView.HeadersView);
   });

front_end/panels/sources/SourcesView.ts

@@ -367,9 +367,9 @@ export class SourcesView extends Common.ObjectWrapper.eventMixin<EventTypes, typ
     let sourceView;
     const contentType = uiSourceCode.contentType();
 
-    if (contentType === Common.ResourceType.resourceTypes.Image) {
+    if (contentType === Common.ResourceType.resourceTypes.Image || uiSourceCode.mimeType().startsWith('image/')) {
       sourceView = new SourceFrame.ImageView.ImageView(uiSourceCode.mimeType(), uiSourceCode);
-    } else if (contentType === Common.ResourceType.resourceTypes.Font) {
+    } else if (contentType === Common.ResourceType.resourceTypes.Font || uiSourceCode.mimeType().includes('font')) {
       sourceView = new SourceFrame.FontView.FontView(uiSourceCode.mimeType(), uiSourceCode);
     } else if (uiSourceCode.name() === HEADER_OVERRIDES_FILENAME) {
       sourceView = new Components.HeadersView.HeadersView(uiSourceCode);