@dbg-riskit/angular-testing
Version:
93 lines (89 loc) • 10.6 kB
JavaScript
import { Component } from '@angular/core';
import { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';
import { MatToolbar } from '@angular/material/toolbar';
import { By } from '@angular/platform-browser';
import { LayoutComponent } from '@dbg-riskit/angular-view';
import { ByUtil } from '../by.util';
import { Page } from './page.base';
import * as i0 from "@angular/core";
import * as i1 from "@dbg-riskit/angular-view";
export class LayoutComponentDefinition {
constructor(debugElement, page) {
this.debugElement = debugElement;
this.page = page;
}
get component() {
return this.debugElement.componentInstance;
}
get headToolbar() {
return this.debugElement.query(ByUtil.and(By.directive(MatToolbar), By.css('.mat-elevation-z2')));
}
get logo() {
return this.headToolbar.query(By.css('.risk-layout-logo'));
}
get menu() {
return this.headToolbar.queryAll(ByUtil.or(By.css('[menu-horizontal]'), By.css('risk-layout-horizontal')));
}
get sideNavContainer() {
return this.debugElement.query(By.directive(MatSidenavContainer));
}
get sideNav() {
return this.sideNavContainer.query(By.directive(MatSidenav));
}
openSideNav() {
this.sideNav.componentInstance.open();
this.page.advanceAndDetectChanges();
}
closeSideNav() {
this.sideNav.componentInstance.close();
this.page.advanceAndDetectChanges(1);
}
get sideNavMenu() {
return this.sideNav.queryAll(ByUtil.or(By.css('[menu-vertical]'), By.css('risk-layout-vertical')));
}
get content() {
return this.sideNavContainer.query(By.css('.risk-layout-content'));
}
}
export class TestLayoutComponentHostPage extends Page {
get layoutComponent() {
return new LayoutComponentDefinition(this.debugElement.query(By.directive(LayoutComponent)), this);
}
}
export class TestLayoutHostComponent {
}
TestLayoutHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TestLayoutHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TestLayoutHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: TestLayoutHostComponent, selector: "ng-component", ngImport: i0, template: `
<risk-layout>
<!-- menu-horizontal -->
<risk-layout-horizontal>
HorizontalMenu
</risk-layout-horizontal>
<!-- menu-horizontal -->
<!-- menu-vertical -->
<risk-layout-vertical>
Vertical menu
</risk-layout-vertical>
<span>Content</span>
</risk-layout>
`, isInline: true, components: [{ type: i1.LayoutComponent, selector: "risk-layout", inputs: ["smallScreenMenuVisible", "smallScreenWidth", "footerVisible", "toolbarBackgroundColor", "backgroundColor"] }], directives: [{ type: i1.HorizontalLayoutDirective, selector: "risk-layout-horizontal" }, { type: i1.VerticalLayoutDirective, selector: "risk-layout-vertical" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TestLayoutHostComponent, decorators: [{
type: Component,
args: [{
template: `
<risk-layout>
<!-- menu-horizontal -->
<risk-layout-horizontal>
HorizontalMenu
</risk-layout-horizontal>
<!-- menu-horizontal -->
<!-- menu-vertical -->
<risk-layout-vertical>
Vertical menu
</risk-layout-vertical>
<span>Content</span>
</risk-layout>
`
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGtnL2RiZy1yaXNraXQvYW5ndWxhci10ZXN0aW5nL3NyYy9saWIvZGVmaW5pdGlvbnMvbGF5b3V0LmNvbXBvbmVudC5wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFDLFVBQVUsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzFFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxZQUFZLENBQUM7QUFDbEMsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGFBQWEsQ0FBQzs7O0FBRWpDLE1BQU0sT0FBTyx5QkFBeUI7SUFFbEMsWUFBMEIsWUFBMEIsRUFDekIsSUFBMkQ7UUFENUQsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDekIsU0FBSSxHQUFKLElBQUksQ0FBdUQ7SUFDdEYsQ0FBQztJQUVELElBQVcsU0FBUztRQUNoQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUM7SUFDL0MsQ0FBQztJQUVELElBQVcsV0FBVztRQUNsQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQ3RDLEVBQUUsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsRUFDM0IsRUFBRSxDQUFDLEdBQUcsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2QsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRU0sV0FBVztRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWdDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEQsSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxZQUFZO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxpQkFBZ0MsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN2RCxJQUFJLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDbEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUNsQyxFQUFFLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLEVBQ3pCLEVBQUUsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELElBQVcsT0FBTztRQUNkLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDO0NBRUo7QUFFRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsSUFBNkI7SUFFMUUsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDdkcsQ0FBQztDQUNKO0FBb0JELE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1QixvREFqQnRCOzs7Ozs7Ozs7Ozs7Ozs7S0FlVDsyRkFFUSx1QkFBdUI7a0JBbEJuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0tBZVQ7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRGVidWdFbGVtZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWF0U2lkZW5hdiwgTWF0U2lkZW5hdkNvbnRhaW5lcn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQge01hdFRvb2xiYXJ9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHtCeX0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge0xheW91dENvbXBvbmVudH0gZnJvbSAnQGRiZy1yaXNraXQvYW5ndWxhci12aWV3JztcbmltcG9ydCB7QnlVdGlsfSBmcm9tICcuLi9ieS51dGlsJztcbmltcG9ydCB7UGFnZX0gZnJvbSAnLi9wYWdlLmJhc2UnO1xuXG5leHBvcnQgY2xhc3MgTGF5b3V0Q29tcG9uZW50RGVmaW5pdGlvbiB7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHVibGljIGRlYnVnRWxlbWVudDogRGVidWdFbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICAgICBwcml2YXRlIHBhZ2U6IHsgYWR2YW5jZUFuZERldGVjdENoYW5nZXM6IChtaWxpcz86IG51bWJlcikgPT4gdm9pZCB9KSB7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBjb21wb25lbnQoKTogTGF5b3V0Q29tcG9uZW50IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVidWdFbGVtZW50LmNvbXBvbmVudEluc3RhbmNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgaGVhZFRvb2xiYXIoKTogRGVidWdFbGVtZW50IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGVidWdFbGVtZW50LnF1ZXJ5KEJ5VXRpbC5hbmQoQnkuZGlyZWN0aXZlKE1hdFRvb2xiYXIpLCBCeS5jc3MoJy5tYXQtZWxldmF0aW9uLXoyJykpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGxvZ28oKTogRGVidWdFbGVtZW50IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaGVhZFRvb2xiYXIucXVlcnkoQnkuY3NzKCcucmlzay1sYXlvdXQtbG9nbycpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IG1lbnUoKTogRGVidWdFbGVtZW50W10ge1xuICAgICAgICByZXR1cm4gdGhpcy5oZWFkVG9vbGJhci5xdWVyeUFsbChCeVV0aWwub3IoXG4gICAgICAgICAgICBCeS5jc3MoJ1ttZW51LWhvcml6b250YWxdJyksXG4gICAgICAgICAgICBCeS5jc3MoJ3Jpc2stbGF5b3V0LWhvcml6b250YWwnKSkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgc2lkZU5hdkNvbnRhaW5lcigpOiBEZWJ1Z0VsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5kZWJ1Z0VsZW1lbnQucXVlcnkoQnkuZGlyZWN0aXZlKE1hdFNpZGVuYXZDb250YWluZXIpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IHNpZGVOYXYoKTogRGVidWdFbGVtZW50IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2lkZU5hdkNvbnRhaW5lci5xdWVyeShCeS5kaXJlY3RpdmUoTWF0U2lkZW5hdikpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvcGVuU2lkZU5hdigpOiB2b2lkIHtcbiAgICAgICAgKHRoaXMuc2lkZU5hdi5jb21wb25lbnRJbnN0YW5jZSBhcyBNYXRTaWRlbmF2KS5vcGVuKCk7XG4gICAgICAgIHRoaXMucGFnZS5hZHZhbmNlQW5kRGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZVNpZGVOYXYoKTogdm9pZCB7XG4gICAgICAgICh0aGlzLnNpZGVOYXYuY29tcG9uZW50SW5zdGFuY2UgYXMgTWF0U2lkZW5hdikuY2xvc2UoKTtcbiAgICAgICAgdGhpcy5wYWdlLmFkdmFuY2VBbmREZXRlY3RDaGFuZ2VzKDEpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgc2lkZU5hdk1lbnUoKTogRGVidWdFbGVtZW50W10ge1xuICAgICAgICByZXR1cm4gdGhpcy5zaWRlTmF2LnF1ZXJ5QWxsKEJ5VXRpbC5vcihcbiAgICAgICAgICAgIEJ5LmNzcygnW21lbnUtdmVydGljYWxdJyksXG4gICAgICAgICAgICBCeS5jc3MoJ3Jpc2stbGF5b3V0LXZlcnRpY2FsJykpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGNvbnRlbnQoKTogRGVidWdFbGVtZW50IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc2lkZU5hdkNvbnRhaW5lci5xdWVyeShCeS5jc3MoJy5yaXNrLWxheW91dC1jb250ZW50JykpO1xuICAgIH1cblxufVxuXG5leHBvcnQgY2xhc3MgVGVzdExheW91dENvbXBvbmVudEhvc3RQYWdlIGV4dGVuZHMgUGFnZTxUZXN0TGF5b3V0SG9zdENvbXBvbmVudD4ge1xuXG4gICAgcHVibGljIGdldCBsYXlvdXRDb21wb25lbnQoKTogTGF5b3V0Q29tcG9uZW50RGVmaW5pdGlvbiB7XG4gICAgICAgIHJldHVybiBuZXcgTGF5b3V0Q29tcG9uZW50RGVmaW5pdGlvbih0aGlzLmRlYnVnRWxlbWVudC5xdWVyeShCeS5kaXJlY3RpdmUoTGF5b3V0Q29tcG9uZW50KSksIHRoaXMpO1xuICAgIH1cbn1cblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPHJpc2stbGF5b3V0PlxuICAgICAgICAgICAgPCEtLSAgbWVudS1ob3Jpem9udGFsIC0tPlxuICAgICAgICAgICAgPHJpc2stbGF5b3V0LWhvcml6b250YWw+XG4gICAgICAgICAgICAgICAgSG9yaXpvbnRhbE1lbnVcbiAgICAgICAgICAgIDwvcmlzay1sYXlvdXQtaG9yaXpvbnRhbD5cbiAgICAgICAgICAgIDwhLS0gIG1lbnUtaG9yaXpvbnRhbCAtLT5cblxuICAgICAgICAgICAgPCEtLSAgbWVudS12ZXJ0aWNhbCAtLT5cbiAgICAgICAgICAgIDxyaXNrLWxheW91dC12ZXJ0aWNhbD5cbiAgICAgICAgICAgICAgICBWZXJ0aWNhbCBtZW51XG4gICAgICAgICAgICA8L3Jpc2stbGF5b3V0LXZlcnRpY2FsPlxuXG4gICAgICAgICAgICA8c3Bhbj5Db250ZW50PC9zcGFuPlxuICAgICAgICA8L3Jpc2stbGF5b3V0PlxuICAgIGBcbn0pXG5leHBvcnQgY2xhc3MgVGVzdExheW91dEhvc3RDb21wb25lbnQge1xuXG59XG4iXX0=