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

[no-issue] remove annoying dot at the end of search animation (#4226)

Browse Source 
* remove annoying dot at the end of animation

* bypass protractor for click search bar
This commit is contained in:
Eugenio Romano
2019-02-01 13:19:56 +00:00
committed by GitHub
parent 267a87f110
commit 2036e026f3
3 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
e2e/pages/adf/dialog/searchDialog.ts
View File

@@ -69,14 +69,14 @@ export class SearchDialog {
enterText(text) { enterText(text) {
Util.waitUntilElementIsVisible(this.searchBar); Util.waitUntilElementIsVisible(this.searchBar);
this.searchBar.click(); browser.executeScript(`document.querySelector("adf-search-control input").click();`);
this.searchBar.sendKeys(text); this.searchBar.sendKeys(text);
return this; return this;
} }
enterTextAndPressEnter(text) { enterTextAndPressEnter(text) {
Util.waitUntilElementIsVisible(this.searchBar); Util.waitUntilElementIsVisible(this.searchBar);
this.searchBar.click(); browser.executeScript(`document.querySelector("adf-search-control input").click();`);
this.searchBar.sendKeys(text); this.searchBar.sendKeys(text);
this.searchBar.sendKeys(protractor.Key.ENTER); this.searchBar.sendKeys(protractor.Key.ENTER);
return this; return this;

3
lib/content-services/search/components/search-control.component.scss
View File

@@ -9,9 +9,6 @@
.adf-search-container { .adf-search-container {
overflow: hidden !important; overflow: hidden !important;
adf-search-bar {
width: 200px;
}
} }
.adf-search-button { .adf-search-button {

2
lib/content-services/search/components/search-control.component.ts
View File

@@ -33,7 +33,7 @@ import { debounceTime, filter } from 'rxjs/operators';
animations: [ animations: [
trigger('transitionMessages', [ trigger('transitionMessages', [
state('active', style({ transform: 'translateX(0%)', 'margin-left': '13px' })), state('active', style({ transform: 'translateX(0%)', 'margin-left': '13px' })),
state('inactive', style({ transform: 'translateX(81%)'})), state('inactive', style({ transform: 'translateX(82%)'})),
state('no-animation', style({ transform: 'translateX(0%)', width: '100%' })), state('no-animation', style({ transform: 'translateX(0%)', width: '100%' })),
transition('inactive => active', transition('inactive => active',
animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')), animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')),