Improve appearance of error message in find-as-you-type control

Refs #737
This commit is contained in:
Will Abson
2016-10-04 15:28:26 +01:00
parent 8f823cf0e2
commit b29adeb699
2 changed files with 9 additions and 1 deletions

View File

@@ -21,5 +21,13 @@
</tr>
</tbody>
</table>
<table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
<tbody>
<tr>
<td>{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</td>
</tr>
</tbody>
</table>
<p data-automation-id="autocomplete_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' |
translate:{errorMessage: errorMessage} }}</p>

View File

@@ -206,7 +206,7 @@ describe('AlfrescoSearchAutocompleteComponent', () => {
let errorEl = <any> element.querySelector('[data-automation-id="autocomplete_error_message"]');
expect(resultsEl).toBeNull();
expect(errorEl).not.toBeNull();
expect(errorEl.innerText).toBe('SEARCH.RESULTS.ERROR');
expect(errorEl.innerText.trim()).toBe('SEARCH.RESULTS.ERROR');
done();
});