inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

8
ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
View File

@@ -21,5 +21,13 @@
</tr> </tr>
</tbody> </tbody>
</table> </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' | <p data-automation-id="autocomplete_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' |
translate:{errorMessage: errorMessage} }}</p> translate:{errorMessage: errorMessage} }}</p>

2
ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
View File

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