From 76a01d572f31eeca171502614f75d29c225a3b6a Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@gmail.com>
Date: Fri, 10 Jun 2016 14:16:08 +0100
Subject: [PATCH] Add test to ensure that file name is present in unsupported
 dialog

---
 .../src/notSupportedFormat.component.html           |  2 +-
 .../src/notSupportedFormat.component.spec.ts        | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
index 335884e480..8affda71b4 100644
--- a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.html
@@ -1,7 +1,7 @@
 <section class="section--center mdl-grid mdl-grid--no-spacing">
     <div class="viewer-margin mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-shadow--2dp">
         <div class="viewer-download-text mdl-card__supporting-text">
-            <h4>File {{nameFile}} is an unsupported format</h4>
+            <h4>File <span>{{nameFile}}</span> is an unsupported format</h4>
         </div>
         <div class="center-element mdl-card__actions">
             <button id="viewer-download-button" class="viewer-margin center-element mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
diff --git a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.spec.ts b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.spec.ts
index cd6c5ea7e4..d091ae4d46 100644
--- a/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.spec.ts
+++ b/ng2-components/ng2-alfresco-viewer/src/notSupportedFormat.component.spec.ts
@@ -32,5 +32,18 @@ describe('Not Supported Format View', () => {
                     expect(element.querySelector('#viewer-download-button')).not.toBeNull();
                 });
         }));
+        it('should display the name of the file', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
+            return tcb
+                .createAsync(NotSupportedFormat)
+                .then((fixture) => {
+                    let element = fixture.nativeElement;
+                    let component = fixture.componentInstance;
+                    component.nameFile = 'Example Content.xls';
+
+                    fixture.detectChanges();
+
+                    expect(element.querySelector('h4 span').innerHTML).toEqual('Example Content.xls');
+                });
+        }));
     });
 });