diff --git a/cypress/integration/content-display.spec.js b/cypress/integration/content-display.spec.js
new file mode 100644
--- /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
--- a/swh/web/templates/includes/content-display.html
+++ b/swh/web/templates/includes/content-display.html
@@ -12,7 +12,7 @@
 {% 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 %}