@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.
- package/documentation.json +108 -108
- package/esm2022/lib/modules/shared/sky-split-view-resources.module.mjs +3 -21
- package/esm2022/testing/legacy/split-view/split-view-fixture-drawer.mjs +2 -0
- package/esm2022/testing/legacy/split-view/split-view-fixture-workspace.mjs +2 -0
- package/esm2022/testing/legacy/split-view/split-view-fixture.mjs +81 -0
- package/esm2022/testing/{split-view → legacy/split-view}/split-view-testing.module.mjs +1 -1
- package/esm2022/testing/public-api.mjs +3 -3
- package/fesm2022/skyux-split-view-testing.mjs +1 -1
- package/fesm2022/skyux-split-view-testing.mjs.map +1 -1
- package/fesm2022/skyux-split-view.mjs +2 -20
- package/fesm2022/skyux-split-view.mjs.map +1 -1
- package/lib/modules/shared/sky-split-view-resources.module.d.ts +0 -4
- package/package.json +6 -6
- package/testing/public-api.d.ts +4 -4
- package/esm2022/testing/split-view/split-view-fixture-drawer.mjs +0 -2
- package/esm2022/testing/split-view/split-view-fixture-workspace.mjs +0 -2
- package/esm2022/testing/split-view/split-view-fixture.mjs +0 -81
- /package/testing/{split-view → legacy/split-view}/split-view-fixture-drawer.d.ts +0 -0
- /package/testing/{split-view → legacy/split-view}/split-view-fixture-workspace.d.ts +0 -0
- /package/testing/{split-view → legacy/split-view}/split-view-fixture.d.ts +0 -0
- /package/testing/{split-view → legacy/split-view}/split-view-testing.module.d.ts +0 -0
|
@@ -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=
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|