diffImage no longer shown if there isn't one

Author: michaelchadwick

templates/report.html

@@ -49,7 +49,9 @@ <h3>{{name}}</h3>
     {{/if}}
     <div class="diff-images">
       <a href="{{baselineImage}}"><img src="{{baselineImage}}" alt="Baseline screenshot for {{name}}" /></a>
+      {{#unless dimensionMismatch}}
       <a href="{{diffImage}}"><img src="{{diffImage}}" alt="Visual difference highlighting changed pixels in {{name}}"/></a>
+      {{/unless}}
       <a href="{{candidateImage}}"><img src="{{candidateImage}}" alt="Candidate screenshot for {{name}}" /></a>
     </div>
   </div>

test/report-generator.test.ts

@@ -94,6 +94,9 @@ describe('report-generator', () => {
       expect(html).toContain('Dimension mismatch');
       expect(html).toContain('10x20');
       expect(html).toContain('20x30');
+      expect(html).toContain('mismatched-baseline.png');
+      expect(html).not.toContain('mismatched-diff.png');
+      expect(html).toContain('mismatched-candidate.png');
     });
 
     it('should show status indicator', () => {