@skyux/split-view 11.21.0 → 11.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,81 +0,0 @@
1
- import { By } from '@angular/platform-browser';
2
- import { SkyAppTestUtility } from '@skyux-sdk/testing';
3
- /**
4
- * Provides information for and interaction with a SKY UX split view component.
5
- * By using the fixture API, a test insulates itself against updates to the internals
6
- * of a component, such as changing its DOM structure.
7
- * @internal
8
- */
9
- export class SkySplitViewFixture {
10
- #debugEl;
11
- /**
12
- * Returns information about the split view's drawer component.
13
- */
14
- get drawer() {
15
- const drawer = this.#getDrawer();
16
- return {
17
- ariaLabel: drawer.getAttribute('aria-label'),
18
- isVisible: !this.#drawerIsHidden(),
19
- width: drawer.style.width,
20
- };
21
- }
22
- /**
23
- * Returns information about the split view's workspace component.
24
- */
25
- get workspace() {
26
- const workspace = this.#getWorkspace();
27
- const backButton = this.#getBackToListButton();
28
- const workspaceIsHidden = this.#workspaceIsHidden();
29
- return {
30
- ariaLabel: workspace.getAttribute('aria-label'),
31
- backButtonIsVisible: !workspaceIsHidden && backButton !== undefined,
32
- backButtonText: SkyAppTestUtility.getText(backButton),
33
- isVisible: !workspaceIsHidden,
34
- };
35
- }
36
- #fixture;
37
- constructor(fixture, skyTestId) {
38
- this.#fixture = fixture;
39
- this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-split-view');
40
- // the component takes a while to initialize so we need to wait
41
- this.#waitForComponent();
42
- }
43
- /**
44
- * Opens the drawer component when in responsive mode. This method clicks the back to list
45
- * button, if it is visible.
46
- */
47
- async openDrawer() {
48
- const backButton = this.#getBackToListButton();
49
- if (backButton !== undefined) {
50
- backButton.click();
51
- this.#fixture.detectChanges();
52
- await this.#fixture.whenStable();
53
- }
54
- }
55
- // #region helpers
56
- #getDrawer() {
57
- return this.#debugEl.query(By.css('.sky-split-view-drawer')).nativeElement;
58
- }
59
- #drawerIsHidden() {
60
- const drawer = this.#debugEl.query(By.css('.sky-split-view-drawer-flex-container')).nativeElement;
61
- return drawer.hasAttribute('hidden');
62
- }
63
- #getWorkspace() {
64
- return this.#debugEl.query(By.css('.sky-split-view-workspace'))
65
- .nativeElement;
66
- }
67
- #workspaceIsHidden() {
68
- const workspace = this.#debugEl.query(By.css('.sky-split-view-workspace-flex-container')).nativeElement;
69
- return workspace.hasAttribute('hidden');
70
- }
71
- #getBackToListButton() {
72
- return this.#debugEl.query(By.css('.sky-split-view-workspace-header-content > button'))?.nativeElement;
73
- }
74
- async #waitForComponent() {
75
- this.#fixture.detectChanges();
76
- await this.#fixture.whenStable();
77
- this.#fixture.detectChanges();
78
- return this.#fixture.whenStable();
79
- }
80
- }
81
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQtdmlldy1maXh0dXJlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NwbGl0LXZpZXcvdGVzdGluZy9zcmMvc3BsaXQtdmlldy9zcGxpdC12aWV3LWZpeHR1cmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBS3ZEOzs7OztHQUtHO0FBQ0gsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixRQUFRLENBQWU7SUFFdkI7O09BRUc7SUFDSCxJQUFXLE1BQU07UUFDZixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFakMsT0FBTztZQUNMLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUM1QyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ2xDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUs7U0FDMUIsQ0FBQztJQUNKLENBQUM7SUFFRDs7T0FFRztJQUNILElBQVcsU0FBUztRQUNsQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7UUFDL0MsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUVwRCxPQUFPO1lBQ0wsU0FBUyxFQUFFLFNBQVMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQy9DLG1CQUFtQixFQUFFLENBQUMsaUJBQWlCLElBQUksVUFBVSxLQUFLLFNBQVM7WUFDbkUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7WUFDckQsU0FBUyxFQUFFLENBQUMsaUJBQWlCO1NBQzlCLENBQUM7SUFDSixDQUFDO0lBRUQsUUFBUSxDQUE0QjtJQUVwQyxZQUFZLE9BQWtDLEVBQUUsU0FBaUI7UUFDL0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxpQkFBaUIsQ0FBQyx1QkFBdUIsQ0FDdkQsT0FBTyxFQUNQLFNBQVMsRUFDVCxnQkFBZ0IsQ0FDakIsQ0FBQztRQUVGLCtEQUErRDtRQUMvRCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksS0FBSyxDQUFDLFVBQVU7UUFDckIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7UUFDL0MsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDN0IsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDOUIsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO0lBRWxCLFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQztJQUM3RSxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUNoQyxFQUFFLENBQUMsR0FBRyxDQUFDLHVDQUF1QyxDQUFDLENBQ2hELENBQUMsYUFBYSxDQUFDO1FBQ2hCLE9BQU8sTUFBTSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO2FBQzVELGFBQWEsQ0FBQztJQUNuQixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUNuQyxFQUFFLENBQUMsR0FBRyxDQUFDLDBDQUEwQyxDQUFDLENBQ25ELENBQUMsYUFBYSxDQUFDO1FBQ2hCLE9BQU8sU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQ3hCLEVBQUUsQ0FBQyxHQUFHLENBQUMsbURBQW1ELENBQUMsQ0FDNUQsRUFBRSxhQUFrQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxLQUFLLENBQUMsaUJBQWlCO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDOUIsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRWpDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDOUIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLENBQUM7Q0FHRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERlYnVnRWxlbWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50Rml4dHVyZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvdGVzdGluZyc7XG5pbXBvcnQgeyBCeSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgU2t5QXBwVGVzdFV0aWxpdHkgfSBmcm9tICdAc2t5dXgtc2RrL3Rlc3RpbmcnO1xuXG5pbXBvcnQgeyBTa3lTcGxpdFZpZXdGaXh0dXJlRHJhd2VyIH0gZnJvbSAnLi9zcGxpdC12aWV3LWZpeHR1cmUtZHJhd2VyJztcbmltcG9ydCB7IFNreVNwbGl0Vmlld0ZpeHR1cmVXb3Jrc3BhY2UgfSBmcm9tICcuL3NwbGl0LXZpZXctZml4dHVyZS13b3Jrc3BhY2UnO1xuXG4vKipcbiAqIFByb3ZpZGVzIGluZm9ybWF0aW9uIGZvciBhbmQgaW50ZXJhY3Rpb24gd2l0aCBhIFNLWSBVWCBzcGxpdCB2aWV3IGNvbXBvbmVudC5cbiAqIEJ5IHVzaW5nIHRoZSBmaXh0dXJlIEFQSSwgYSB0ZXN0IGluc3VsYXRlcyBpdHNlbGYgYWdhaW5zdCB1cGRhdGVzIHRvIHRoZSBpbnRlcm5hbHNcbiAqIG9mIGEgY29tcG9uZW50LCBzdWNoIGFzIGNoYW5naW5nIGl0cyBET00gc3RydWN0dXJlLlxuICogQGludGVybmFsXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lTcGxpdFZpZXdGaXh0dXJlIHtcbiAgI2RlYnVnRWw6IERlYnVnRWxlbWVudDtcblxuICAvKipcbiAgICogUmV0dXJucyBpbmZvcm1hdGlvbiBhYm91dCB0aGUgc3BsaXQgdmlldydzIGRyYXdlciBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IGRyYXdlcigpOiBTa3lTcGxpdFZpZXdGaXh0dXJlRHJhd2VyIHtcbiAgICBjb25zdCBkcmF3ZXIgPSB0aGlzLiNnZXREcmF3ZXIoKTtcblxuICAgIHJldHVybiB7XG4gICAgICBhcmlhTGFiZWw6IGRyYXdlci5nZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnKSxcbiAgICAgIGlzVmlzaWJsZTogIXRoaXMuI2RyYXdlcklzSGlkZGVuKCksXG4gICAgICB3aWR0aDogZHJhd2VyLnN0eWxlLndpZHRoLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogUmV0dXJucyBpbmZvcm1hdGlvbiBhYm91dCB0aGUgc3BsaXQgdmlldydzIHdvcmtzcGFjZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHdvcmtzcGFjZSgpOiBTa3lTcGxpdFZpZXdGaXh0dXJlV29ya3NwYWNlIHtcbiAgICBjb25zdCB3b3Jrc3BhY2UgPSB0aGlzLiNnZXRXb3Jrc3BhY2UoKTtcbiAgICBjb25zdCBiYWNrQnV0dG9uID0gdGhpcy4jZ2V0QmFja1RvTGlzdEJ1dHRvbigpO1xuICAgIGNvbnN0IHdvcmtzcGFjZUlzSGlkZGVuID0gdGhpcy4jd29ya3NwYWNlSXNIaWRkZW4oKTtcblxuICAgIHJldHVybiB7XG4gICAgICBhcmlhTGFiZWw6IHdvcmtzcGFjZS5nZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnKSxcbiAgICAgIGJhY2tCdXR0b25Jc1Zpc2libGU6ICF3b3Jrc3BhY2VJc0hpZGRlbiAmJiBiYWNrQnV0dG9uICE9PSB1bmRlZmluZWQsXG4gICAgICBiYWNrQnV0dG9uVGV4dDogU2t5QXBwVGVzdFV0aWxpdHkuZ2V0VGV4dChiYWNrQnV0dG9uKSxcbiAgICAgIGlzVmlzaWJsZTogIXdvcmtzcGFjZUlzSGlkZGVuLFxuICAgIH07XG4gIH1cblxuICAjZml4dHVyZTogQ29tcG9uZW50Rml4dHVyZTx1bmtub3duPjtcblxuICBjb25zdHJ1Y3RvcihmaXh0dXJlOiBDb21wb25lbnRGaXh0dXJlPHVua25vd24+LCBza3lUZXN0SWQ6IHN0cmluZykge1xuICAgIHRoaXMuI2ZpeHR1cmUgPSBmaXh0dXJlO1xuICAgIHRoaXMuI2RlYnVnRWwgPSBTa3lBcHBUZXN0VXRpbGl0eS5nZXREZWJ1Z0VsZW1lbnRCeVRlc3RJZChcbiAgICAgIGZpeHR1cmUsXG4gICAgICBza3lUZXN0SWQsXG4gICAgICAnc2t5LXNwbGl0LXZpZXcnLFxuICAgICk7XG5cbiAgICAvLyB0aGUgY29tcG9uZW50IHRha2VzIGEgd2hpbGUgdG8gaW5pdGlhbGl6ZSBzbyB3ZSBuZWVkIHRvIHdhaXRcbiAgICB0aGlzLiN3YWl0Rm9yQ29tcG9uZW50KCk7XG4gIH1cblxuICAvKipcbiAgICogT3BlbnMgdGhlIGRyYXdlciBjb21wb25lbnQgd2hlbiBpbiByZXNwb25zaXZlIG1vZGUuIFRoaXMgbWV0aG9kIGNsaWNrcyB0aGUgYmFjayB0byBsaXN0XG4gICAqIGJ1dHRvbiwgaWYgaXQgaXMgdmlzaWJsZS5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBvcGVuRHJhd2VyKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGJhY2tCdXR0b24gPSB0aGlzLiNnZXRCYWNrVG9MaXN0QnV0dG9uKCk7XG4gICAgaWYgKGJhY2tCdXR0b24gIT09IHVuZGVmaW5lZCkge1xuICAgICAgYmFja0J1dHRvbi5jbGljaygpO1xuICAgICAgdGhpcy4jZml4dHVyZS5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICBhd2FpdCB0aGlzLiNmaXh0dXJlLndoZW5TdGFibGUoKTtcbiAgICB9XG4gIH1cblxuICAvLyAjcmVnaW9uIGhlbHBlcnNcblxuICAjZ2V0RHJhd2VyKCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy4jZGVidWdFbC5xdWVyeShCeS5jc3MoJy5za3ktc3BsaXQtdmlldy1kcmF3ZXInKSkubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gICNkcmF3ZXJJc0hpZGRlbigpOiBib29sZWFuIHtcbiAgICBjb25zdCBkcmF3ZXIgPSB0aGlzLiNkZWJ1Z0VsLnF1ZXJ5KFxuICAgICAgQnkuY3NzKCcuc2t5LXNwbGl0LXZpZXctZHJhd2VyLWZsZXgtY29udGFpbmVyJyksXG4gICAgKS5uYXRpdmVFbGVtZW50O1xuICAgIHJldHVybiBkcmF3ZXIuaGFzQXR0cmlidXRlKCdoaWRkZW4nKTtcbiAgfVxuXG4gICNnZXRXb3Jrc3BhY2UoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLiNkZWJ1Z0VsLnF1ZXJ5KEJ5LmNzcygnLnNreS1zcGxpdC12aWV3LXdvcmtzcGFjZScpKVxuICAgICAgLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICAjd29ya3NwYWNlSXNIaWRkZW4oKTogYm9vbGVhbiB7XG4gICAgY29uc3Qgd29ya3NwYWNlID0gdGhpcy4jZGVidWdFbC5xdWVyeShcbiAgICAgIEJ5LmNzcygnLnNreS1zcGxpdC12aWV3LXdvcmtzcGFjZS1mbGV4LWNvbnRhaW5lcicpLFxuICAgICkubmF0aXZlRWxlbWVudDtcbiAgICByZXR1cm4gd29ya3NwYWNlLmhhc0F0dHJpYnV0ZSgnaGlkZGVuJyk7XG4gIH1cblxuICAjZ2V0QmFja1RvTGlzdEJ1dHRvbigpOiBIVE1MQnV0dG9uRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuI2RlYnVnRWwucXVlcnkoXG4gICAgICBCeS5jc3MoJy5za3ktc3BsaXQtdmlldy13b3Jrc3BhY2UtaGVhZGVyLWNvbnRlbnQgPiBidXR0b24nKSxcbiAgICApPy5uYXRpdmVFbGVtZW50IGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICB9XG5cbiAgYXN5bmMgI3dhaXRGb3JDb21wb25lbnQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdGhpcy4jZml4dHVyZS5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgYXdhaXQgdGhpcy4jZml4dHVyZS53aGVuU3RhYmxlKCk7XG5cbiAgICB0aGlzLiNmaXh0dXJlLmRldGVjdENoYW5nZXMoKTtcbiAgICByZXR1cm4gdGhpcy4jZml4dHVyZS53aGVuU3RhYmxlKCk7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uXG59XG4iXX0=