diff --git a/cypress/integration/content-display.spec.js b/cypress/integration/content-display.spec.js
new file mode 100644
index 00000000..c9dd5ea4
--- /dev/null
+++ b/cypress/integration/content-display.spec.js
@@ -0,0 +1,81 @@
+/**
+ * Copyright (C) 2019  The Software Heritage developers
+ * See the AUTHORS file at the top-level directory of this distribution
+ * License: GNU Affero General Public License version 3, or any later version
+ * See top-level LICENSE file for more information
+ */
+
+const url = 'browse/origin/https://github.com/memononen/libtess2/content/Source/tess.h';
+
+let fileName, filePath, sha1git, rawFilePath, numberLines, originUrl;
+
+describe('Test File Rendering', function() {
+  before(function() {
+    cy.visit(url);
+    cy.window().then(async win => {
+      const metadata = win.swh.webapp.getBrowsedSwhObjectMetadata();
+
+      console.log(metadata);
+
+      fileName = metadata.filename;
+      filePath = metadata.path;
+      originUrl = metadata['origin url'];
+      sha1git = metadata.sha1_git;
+      rawFilePath = '/browse/content/sha1_git:' + sha1git +
+                    '/raw/?filename=' + encodeURIComponent(fileName);
+
+      cy.request(rawFilePath)
+        .then((response) => {
+          const fileText = response.body;
+          const fileLines = fileText.split('\n');
+          numberLines = fileLines.length;
+
+          // If last line is empty its not shown
+          if (!fileLines[numberLines - 1]) numberLines -= 1;
+        });
+    });
+  });
+
+  beforeEach(function() {
+    cy.visit(url);
+  });
+
+  it('should display correct file name', function() {
+    cy.get('.swh-content-filename')
+      .should('be.visible')
+      .and('contain', fileName)
+      .and('have.css', 'background-color', 'rgb(242, 244, 245)');
+  });
+
+  it('should display all lines', function() {
+    cy.get('.hljs-ln-code')
+      .should('have.length', numberLines)
+      .and('be.visible')
+      .and('have.css', 'background-color', 'rgba(0, 0, 0, 0)');
+  });
+
+  it('should show correct path', function() {
+    // Array containing names of all the ancestor directories of the file
+    const filePathArr = filePath.slice(1, -1).slice('/');
+
+    filePathArr.split('/').forEach(dirName => {
+      cy.get('.swh-browse-bread-crumbs')
+        .should('contain', dirName);
+    });
+  });
+
+  it('should have links to all ancestor directories', function() {
+    for (let i = 0; i < filePath.length; i++) {
+      if (filePath.charAt(i) === '/') {
+        const dirPath = '/browse/origin/' + originUrl + '/directory' + filePath.substring(0, i + 1);
+        cy.get(`a[href='${dirPath}']`)
+          .should('be.visible');
+      }
+    }
+  });
+
+  it('should have correct url to raw file', function() {
+    cy.get(`a[href='${rawFilePath}']`)
+      .should('be.visible');
+  });
+});
diff --git a/swh/web/templates/includes/content-display.html b/swh/web/templates/includes/content-display.html
index e00f0131..cad9f23b 100644
--- a/swh/web/templates/includes/content-display.html
+++ b/swh/web/templates/includes/content-display.html
@@ -1,59 +1,59 @@
 {% comment %}
 Copyright (C) 2017-2019  The Software Heritage developers
 See the AUTHORS file at the top-level directory of this distribution
 License: GNU Affero General Public License version 3, or any later version
 See top-level LICENSE file for more information
 {% endcomment %}
 
 {% load swh_templatetags %}
 
 {% if snapshot_context and snapshot_context.is_empty %}
   {% include "includes/empty-snapshot.html" %}
 {% else %}
   <div class="card">
     {% if swh_object_metadata.filename %}
-      <div class="card-header bg-gray-light swh-heading-color">
+      <div class="swh-content-filename card-header bg-gray-light swh-heading-color">
         {{ swh_object_metadata.filename }}
       </div>
     {% endif %}
     <div class="swh-content">
       {% if content_size > max_content_size %}
         Content is too large to be displayed (size is greater than {{ max_content_size|filesizeformat }}).
       {% elif "inode/x-empty" == mimetype %}
         <i>File is empty</i>
       {% elif swh_object_metadata.filename and swh_object_metadata.filename|default:""|slice:"-5:" == "ipynb" %}
         <div class="swh-ipynb">
         </div>
       {% elif "text/" in mimetype and swh_object_metadata.encoding != "binary" %}
         <div class="highlightjs">
           <pre><code class="{{ language }}">{{ content }}</code></pre>
         </div>
       {% elif "image/" in mimetype and content %}
         <img src="data:{{ mimetype }};base64,{{ content }}"/>
       {% elif "application/pdf" == mimetype %}
         <div class="text-center">
           <div class="py-2">
             <button class="btn btn-default btn-sm" id="pdf-prev">Previous</button>
             <span>Page: <span id="pdf-page-num"></span> / <span id="pdf-page-count"></span></span>
             <button class="btn btn-default btn-sm" id="pdf-next">Next</button>
           </div>
           <canvas id="pdf-canvas"></canvas>
         </div>
       {% elif content %}
         Content with mime type {{ swh_object_metadata.mimetype }} can not be displayed.
       {% else %}
         {% include "includes/http-error.html" %}
       {% endif %}
     </div>
   </div>
 
   <script>
     {% if "application/pdf" == mimetype %}
       swh.webapp.renderPdf({{ top_right_link.url|jsonify }});
     {% elif swh_object_metadata.filename and swh_object_metadata.filename|default:""|slice:"-5:" == "ipynb" %}
       swh.webapp.renderNotebook({{ top_right_link.url|jsonify }}, '.swh-ipynb');
     {% elif content %}
       swh.webapp.highlightCode();
     {% endif %}
   </script>
 {% endif %}