@nuralyui/table 0.0.3 → 0.0.7
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/bundle.js +2351 -0
- package/package.json +16 -2
- package/react.js +2 -2
- package/react.js.map +1 -1
- package/table.component.d.ts +112 -12
- package/table.component.js +285 -136
- package/table.component.js.map +1 -1
- package/table.style.js +676 -2
- package/table.style.js.map +1 -1
- package/table.types.d.ts +60 -4
- package/table.types.js +0 -23
- package/table.types.js.map +1 -1
- package/components/hy-table-actions.d.ts +0 -10
- package/components/hy-table-actions.d.ts.map +0 -1
- package/components/hy-table-actions.js +0 -39
- package/components/hy-table-actions.js.map +0 -1
- package/components/hy-table-content.d.ts +0 -25
- package/components/hy-table-content.d.ts.map +0 -1
- package/components/hy-table-content.js +0 -168
- package/components/hy-table-content.js.map +0 -1
- package/components/hy-table-filter.d.ts +0 -11
- package/components/hy-table-filter.d.ts.map +0 -1
- package/components/hy-table-filter.js +0 -59
- package/components/hy-table-filter.js.map +0 -1
- package/components/hy-table-pagination.d.ts +0 -21
- package/components/hy-table-pagination.d.ts.map +0 -1
- package/components/hy-table-pagination.js +0 -111
- package/components/hy-table-pagination.js.map +0 -1
- package/components/table-actions.style.d.ts +0 -2
- package/components/table-actions.style.d.ts.map +0 -1
- package/components/table-actions.style.js +0 -31
- package/components/table-actions.style.js.map +0 -1
- package/components/table-actions.variables.d.ts +0 -2
- package/components/table-actions.variables.d.ts.map +0 -1
- package/components/table-actions.variables.js +0 -13
- package/components/table-actions.variables.js.map +0 -1
- package/components/table-content.style.d.ts +0 -2
- package/components/table-content.style.d.ts.map +0 -1
- package/components/table-content.style.js +0 -77
- package/components/table-content.style.js.map +0 -1
- package/components/table-content.variables.d.ts +0 -2
- package/components/table-content.variables.d.ts.map +0 -1
- package/components/table-content.variables.js +0 -29
- package/components/table-content.variables.js.map +0 -1
- package/components/table-filter.style.d.ts +0 -2
- package/components/table-filter.style.d.ts.map +0 -1
- package/components/table-filter.style.js +0 -39
- package/components/table-filter.style.js.map +0 -1
- package/components/table-filter.variables.d.ts +0 -2
- package/components/table-filter.variables.d.ts.map +0 -1
- package/components/table-filter.variables.js +0 -17
- package/components/table-filter.variables.js.map +0 -1
- package/components/table-pagination.style.d.ts +0 -2
- package/components/table-pagination.style.d.ts.map +0 -1
- package/components/table-pagination.style.js +0 -102
- package/components/table-pagination.style.js.map +0 -1
- package/components/table-pagination.variables.d.ts +0 -2
- package/components/table-pagination.variables.d.ts.map +0 -1
- package/components/table-pagination.variables.js +0 -17
- package/components/table-pagination.variables.js.map +0 -1
- package/demo/table-demo.d.ts +0 -17
- package/demo/table-demo.d.ts.map +0 -1
- package/demo/table-demo.js +0 -166
- package/demo/table-demo.js.map +0 -1
- package/index.d.ts.map +0 -1
- package/react.d.ts.map +0 -1
- package/table.component.d.ts.map +0 -1
- package/table.style.d.ts.map +0 -1
- package/table.types.d.ts.map +0 -1
- package/test/hy-table-actions_test.d.ts +0 -2
- package/test/hy-table-actions_test.d.ts.map +0 -1
- package/test/hy-table-actions_test.js +0 -32
- package/test/hy-table-actions_test.js.map +0 -1
- package/test/hy-table-content_test.d.ts +0 -2
- package/test/hy-table-content_test.d.ts.map +0 -1
- package/test/hy-table-content_test.js +0 -168
- package/test/hy-table-content_test.js.map +0 -1
- package/test/hy-table-filter_test.d.ts +0 -2
- package/test/hy-table-filter_test.d.ts.map +0 -1
- package/test/hy-table-filter_test.js +0 -80
- package/test/hy-table-filter_test.js.map +0 -1
- package/test/hy-table-pagination_test.d.ts +0 -2
- package/test/hy-table-pagination_test.d.ts.map +0 -1
- package/test/hy-table-pagination_test.js +0 -114
- package/test/hy-table-pagination_test.js.map +0 -1
- package/test/hy-table_test.d.ts +0 -2
- package/test/hy-table_test.d.ts.map +0 -1
- package/test/hy-table_test.js +0 -145
- package/test/hy-table_test.js.map +0 -1
package/demo/table-demo.js
DELETED
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { LitElement, css, html } from 'lit';
|
|
8
|
-
import { state } from 'lit/decorators.js';
|
|
9
|
-
export class TableDemo extends LitElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this.headers = [
|
|
13
|
-
{
|
|
14
|
-
name: 'Id',
|
|
15
|
-
key: 'id',
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
name: 'Status',
|
|
19
|
-
key: 'status',
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
name: 'Priority',
|
|
23
|
-
key: 'priority',
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
name: 'Title',
|
|
27
|
-
key: 'title',
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
name: 'Assignee',
|
|
31
|
-
key: 'assignee',
|
|
32
|
-
},
|
|
33
|
-
];
|
|
34
|
-
this.rows = [
|
|
35
|
-
{
|
|
36
|
-
id: 1,
|
|
37
|
-
status: 'Open',
|
|
38
|
-
priority: 'Normal',
|
|
39
|
-
title: 'Product Details Page - Variant Component (1)',
|
|
40
|
-
assignee: 'William Jones',
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
id: 2,
|
|
44
|
-
status: 'Open',
|
|
45
|
-
priority: 'High',
|
|
46
|
-
title: 'Product Details Page - Variant Component (2)',
|
|
47
|
-
assignee: 'Natalia Hayward',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
id: 3,
|
|
51
|
-
status: 'Closed',
|
|
52
|
-
priority: 'Normal',
|
|
53
|
-
title: 'Product Details Page - Variant Component (3)',
|
|
54
|
-
assignee: 'Jess Plant',
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
id: 4,
|
|
58
|
-
status: 'Open',
|
|
59
|
-
priority: 'Normal',
|
|
60
|
-
title: 'Product Details Page - Variant Component (4)',
|
|
61
|
-
assignee: 'William Jones',
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
id: 5,
|
|
65
|
-
status: 'Open',
|
|
66
|
-
priority: 'Normal',
|
|
67
|
-
title: 'Product Details Page - Variant Component (5)',
|
|
68
|
-
assignee: 'Kathleen Knowles',
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
id: 6,
|
|
72
|
-
status: 'Open',
|
|
73
|
-
priority: 'High',
|
|
74
|
-
title: 'Product Details Page - Variant Component (6)',
|
|
75
|
-
assignee: 'Mel Young',
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
id: 7,
|
|
79
|
-
status: 'Closed',
|
|
80
|
-
priority: 'Normal',
|
|
81
|
-
title: 'Product Details Page - Variant Component (7)',
|
|
82
|
-
assignee: 'Zahid Allison',
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
id: 8,
|
|
86
|
-
status: 'Closed',
|
|
87
|
-
priority: 'High',
|
|
88
|
-
title: 'Product Details Page - Variant Component (8)',
|
|
89
|
-
assignee: 'William Jones',
|
|
90
|
-
},
|
|
91
|
-
];
|
|
92
|
-
}
|
|
93
|
-
render() {
|
|
94
|
-
return html `
|
|
95
|
-
<h1>With selection</h1>
|
|
96
|
-
<h3>Multiple selection</h3>
|
|
97
|
-
<hy-table
|
|
98
|
-
@onSelect=${(e) => {
|
|
99
|
-
console.log('selected', e.detail.value);
|
|
100
|
-
}}
|
|
101
|
-
@onPaginate=${(e) => {
|
|
102
|
-
console.log('page ', e.detail.value);
|
|
103
|
-
}}
|
|
104
|
-
@onSort=${(e) => {
|
|
105
|
-
console.log('sorted ', e.detail.value);
|
|
106
|
-
}}
|
|
107
|
-
.headers="${this.headers}" .rows="${this.rows}" .selectionMode=${'multiple'}></hy-table>
|
|
108
|
-
<h3>Single selection</h3>
|
|
109
|
-
<hy-table .headers="${this.headers}" .rows="${this.rows}" .selectionMode=${'single'}></hy-table>
|
|
110
|
-
<h1>With Expandable attribute (title)</h1>
|
|
111
|
-
<hy-table .headers="${this.headers}" .rows="${this.rows}" .expandable=${'title'}></hy-table>
|
|
112
|
-
<h1>With filter: search</h1>
|
|
113
|
-
<hy-table .headers="${this.headers}" .rows="${this.rows}" .withFilter=${true}></hy-table>
|
|
114
|
-
<h3>filter + expandable attribute (priority)</h3>
|
|
115
|
-
<hy-table
|
|
116
|
-
.headers="${this.headers}"
|
|
117
|
-
.rows="${this.rows}"
|
|
118
|
-
.withFilter=${true}
|
|
119
|
-
.expandable=${'priority'}
|
|
120
|
-
@onSelect=${(e) => {
|
|
121
|
-
console.log('selected', e.detail.value);
|
|
122
|
-
}}
|
|
123
|
-
@onSearch=${(e) => {
|
|
124
|
-
console.log('searched ', e.detail.value);
|
|
125
|
-
}}
|
|
126
|
-
@onSort=${(e) => {
|
|
127
|
-
console.log('sorted ', e.detail.value);
|
|
128
|
-
}}
|
|
129
|
-
></hy-table>
|
|
130
|
-
|
|
131
|
-
<h1>Sizes</h1>
|
|
132
|
-
<h3>Small size with selection</h3>
|
|
133
|
-
<hy-table
|
|
134
|
-
.headers="${this.headers}"
|
|
135
|
-
.rows="${this.rows}"
|
|
136
|
-
.size=${'small'}
|
|
137
|
-
.selectionMode=${'multiple'}
|
|
138
|
-
></hy-table>
|
|
139
|
-
<h3>Large size</h3>
|
|
140
|
-
<hy-table .headers="${this.headers}" .rows="${this.rows}" .size=${'large'}></hy-table>
|
|
141
|
-
<h3>Large size with multiple selection</h3>
|
|
142
|
-
<hy-table
|
|
143
|
-
.headers="${this.headers}"
|
|
144
|
-
.rows="${this.rows}"
|
|
145
|
-
.size=${'large'}
|
|
146
|
-
.selectionMode=${'multiple'}
|
|
147
|
-
></hy-table>
|
|
148
|
-
`;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
TableDemo.styles = [
|
|
152
|
-
css `
|
|
153
|
-
:host {
|
|
154
|
-
display: block;
|
|
155
|
-
width: 90%;
|
|
156
|
-
}
|
|
157
|
-
`,
|
|
158
|
-
];
|
|
159
|
-
__decorate([
|
|
160
|
-
state()
|
|
161
|
-
], TableDemo.prototype, "headers", void 0);
|
|
162
|
-
__decorate([
|
|
163
|
-
state()
|
|
164
|
-
], TableDemo.prototype, "rows", void 0);
|
|
165
|
-
customElements.define('hy-table-demo', TableDemo);
|
|
166
|
-
//# sourceMappingURL=table-demo.js.map
|
package/demo/table-demo.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-demo.js","sourceRoot":"","sources":["../../../../src/components/table/demo/table-demo.ts"],"names":[],"mappings":"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","sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {state} from 'lit/decorators.js';\n\nexport class TableDemo extends LitElement {\n @state()\n headers = [\n {\n name: 'Id',\n key: 'id',\n },\n {\n name: 'Status',\n key: 'status',\n },\n {\n name: 'Priority',\n key: 'priority',\n },\n {\n name: 'Title',\n key: 'title',\n },\n {\n name: 'Assignee',\n key: 'assignee',\n },\n ];\n\n @state()\n rows = [\n {\n id: 1,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (1)',\n assignee: 'William Jones',\n },\n {\n id: 2,\n status: 'Open',\n priority: 'High',\n title: 'Product Details Page - Variant Component (2)',\n assignee: 'Natalia Hayward',\n },\n {\n id: 3,\n status: 'Closed',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (3)',\n assignee: 'Jess Plant',\n },\n {\n id: 4,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (4)',\n assignee: 'William Jones',\n },\n {\n id: 5,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (5)',\n assignee: 'Kathleen Knowles',\n },\n {\n id: 6,\n status: 'Open',\n priority: 'High',\n title: 'Product Details Page - Variant Component (6)',\n assignee: 'Mel Young',\n },\n {\n id: 7,\n status: 'Closed',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (7)',\n assignee: 'Zahid Allison',\n },\n {\n id: 8,\n status: 'Closed',\n priority: 'High',\n title: 'Product Details Page - Variant Component (8)',\n assignee: 'William Jones',\n },\n ];\n static override styles = [\n css`\n :host {\n display: block;\n width: 90%;\n }\n `,\n ];\n override render() {\n return html`\n <h1>With selection</h1>\n <h3>Multiple selection</h3>\n <hy-table \n @onSelect=${(e:CustomEvent)=>{\n console.log('selected', e.detail.value)\n }} \n @onPaginate=${(e:CustomEvent)=>{\n console.log('page ',e.detail.value)\n }}\n @onSort=${(e:CustomEvent)=>{\n console.log('sorted ', e.detail.value)\n }}\n .headers=\"${this.headers}\" .rows=\"${this.rows}\" .selectionMode=${'multiple'}></hy-table>\n <h3>Single selection</h3>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .selectionMode=${'single'}></hy-table>\n <h1>With Expandable attribute (title)</h1>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .expandable=${'title'}></hy-table>\n <h1>With filter: search</h1>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .withFilter=${true}></hy-table>\n <h3>filter + expandable attribute (priority)</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .withFilter=${true}\n .expandable=${'priority'}\n @onSelect=${(e:CustomEvent)=>{\n console.log('selected', e.detail.value)\n }}\n @onSearch=${(e:CustomEvent)=>{\n console.log('searched ',e.detail.value)\n }}\n @onSort=${(e:CustomEvent)=>{\n console.log('sorted ', e.detail.value)\n }}\n ></hy-table>\n\n <h1>Sizes</h1>\n <h3>Small size with selection</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .size=${'small'}\n .selectionMode=${'multiple'}\n ></hy-table>\n <h3>Large size</h3>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .size=${'large'}></hy-table>\n <h3>Large size with multiple selection</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .size=${'large'}\n .selectionMode=${'multiple'}\n ></hy-table>\n `;\n }\n}\ncustomElements.define('hy-table-demo', TableDemo);\n"]}
|
package/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
package/react.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/table/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,eAAO,MAAM,gBAAgB;;;;EAS3B,CAAC"}
|
package/table.component.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAgB,MAAM,KAAK,CAAC;AAEhE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC;AACzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAuB,MAAM,kBAAkB,CAAC;AAEpG,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAU;IAEP,OAAO,EAAG,OAAO,EAAE,CAAC;IACpB,IAAI,EAAE,EAAE,CAAM;IAC3B,IAAI,QAAgB;IACL,UAAU,UAAS;IACpB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IAE5C,WAAW,WAAmB;IAC9B,mBAAmB,SAAuB;IAC1C,aAAa,UAAM;IACnB,aAAa,EAAE,OAAO,EAAE,CAAM;IAC9B,WAAW,EAAG,MAAM,CAAC;IACrB,QAAQ,EAAE,EAAE,CAAM;IAClB,YAAY,UAAS;IACrB,aAAa,EAAE,aAAa,CAAyC;IAErE,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB9D,cAAc;IAGd,eAAe;IASf,kBAAkB,CAAC,gBAAgB,EAAE,WAAW;IAKhD,iBAAiB,CAAC,eAAe,EAAE,WAAW;IAU9C,eAAe,CAAC,aAAa,EAAE,WAAW;IAM1C,eAAe,CAAC,aAAa,EAAE,WAAW;IAM1C,gBAAgB,CAAC,cAAc,EAAE,WAAW;IAY5C,sBAAsB;IAKtB,aAAa,CAAC,WAAW,EAAE,WAAW;IAgBtC,gBAAgB,CAAC,cAAc,EAAE,WAAW;IAa5C,KAAK;IAkBL,UAAU;IAeD,MAAM;CAwChB"}
|
package/table.style.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.style.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.style.ts"],"names":[],"mappings":";AAEA,wBAWE"}
|
package/table.types.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AACD,oBAAY,SAAS;IACnB,OAAO,IAAI;IACX,SAAS,IAAI;IACb,UAAU,KAAK;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,KAAK,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-actions_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import { html, fixture, expect } from '@open-wc/testing';
|
|
11
|
-
import '../components/hy-table-actions';
|
|
12
|
-
suite('HyTableActions', () => {
|
|
13
|
-
test('init table actions', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
14
|
-
const selectedItems = 1;
|
|
15
|
-
const el = yield fixture(html `<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`);
|
|
16
|
-
const textContainer = el.shadowRoot.querySelector('span');
|
|
17
|
-
expect(el.selectedItems).to.equal(selectedItems);
|
|
18
|
-
expect(textContainer.textContent).to.equal(`${selectedItems} selected`);
|
|
19
|
-
}));
|
|
20
|
-
test('cancel selection', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
21
|
-
var _a;
|
|
22
|
-
const el = yield fixture(html `<hy-table-actions></hy-table-actions>`);
|
|
23
|
-
const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
|
|
24
|
-
let cancelSelectionDispatched = false;
|
|
25
|
-
el.addEventListener('cancel-selection', () => {
|
|
26
|
-
cancelSelectionDispatched = true;
|
|
27
|
-
});
|
|
28
|
-
cancelBtn === null || cancelBtn === void 0 ? void 0 : cancelBtn.click();
|
|
29
|
-
expect(cancelSelectionDispatched).to.be.true;
|
|
30
|
-
}));
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=hy-table-actions_test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-actions_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAGxC,KAAK,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,oBAAoB,EAAE,GAAS,EAAE;QACpC,MAAM,aAAa,GAAG,CAAC,CAAC;QACxB,MAAM,EAAE,GAAmB,MAAM,OAAO,CACtC,IAAI,CAAA,oCAAoC,aAAa,sBAAsB,CAC5E,CAAC;QACF,MAAM,aAAa,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC;QAC5D,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAAa,WAAW,CAAC,CAAC;IAC1E,CAAC,CAAA,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,EAAE,GAAS,EAAE;;QAClC,MAAM,EAAE,GAAmB,MAAM,OAAO,CAAC,IAAI,CAAA,uCAAuC,CAAC,CAAC;QACtF,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,yBAAyB,GAAG,KAAK,CAAC;QACtC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC3C,yBAAyB,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;QACnB,MAAM,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-actions';\nimport {HyTableActions} from '../components/hy-table-actions';\n\nsuite('HyTableActions', () => {\n test('init table actions', async () => {\n const selectedItems = 1;\n const el: HyTableActions = await fixture(\n html`<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`\n );\n const textContainer = el.shadowRoot!.querySelector('span')!;\n expect(el.selectedItems).to.equal(selectedItems);\n expect(textContainer.textContent).to.equal(`${selectedItems} selected`);\n });\n\n test('cancel selection', async () => {\n const el: HyTableActions = await fixture(html`<hy-table-actions></hy-table-actions>`);\n const cancelBtn = el.shadowRoot?.querySelector('button');\n let cancelSelectionDispatched = false;\n el.addEventListener('cancel-selection', () => {\n cancelSelectionDispatched = true;\n });\n cancelBtn?.click();\n expect(cancelSelectionDispatched).to.be.true;\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-content_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import { html, fixture, expect } from '@open-wc/testing';
|
|
11
|
-
import '../components/hy-table-content';
|
|
12
|
-
import { SelectionMode, SortOrder } from '../table.types';
|
|
13
|
-
suite('HyTableContent', () => {
|
|
14
|
-
const headers = [
|
|
15
|
-
{ key: 'name', name: 'Name' },
|
|
16
|
-
{ key: 'age', name: 'Age' },
|
|
17
|
-
];
|
|
18
|
-
const rows = [
|
|
19
|
-
{ name: 'John', age: 30 },
|
|
20
|
-
{ name: 'Doe', age: 25 },
|
|
21
|
-
];
|
|
22
|
-
test('init table content', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
23
|
-
const el = yield fixture(html `<hy-table-content
|
|
24
|
-
.headers=${headers}
|
|
25
|
-
.rows=${rows}
|
|
26
|
-
.sortAttribute=${{ index: -1, order: SortOrder.Default }}
|
|
27
|
-
></hy-table-content>`);
|
|
28
|
-
const headerElements = el.shadowRoot.querySelectorAll('th span');
|
|
29
|
-
expect(headerElements.length).to.equal(headers.length);
|
|
30
|
-
}));
|
|
31
|
-
test('Specify selected items', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
32
|
-
const selectedItems = [true, false];
|
|
33
|
-
const currentPage = 1;
|
|
34
|
-
const itemPerPage = 2;
|
|
35
|
-
const el = yield fixture(html `<hy-table-content
|
|
36
|
-
.headers=${headers}
|
|
37
|
-
.rows=${rows}
|
|
38
|
-
.selectionMode=${SelectionMode.Multiple}
|
|
39
|
-
.selectedItems=${selectedItems}
|
|
40
|
-
.currentPage=${currentPage}
|
|
41
|
-
.itemPerPage=${itemPerPage}
|
|
42
|
-
.sortAttribute=${{ index: -1, order: SortOrder.Default }}
|
|
43
|
-
></hy-table-content>`);
|
|
44
|
-
const checkboxes = el.shadowRoot.querySelectorAll('input[type="checkbox"]');
|
|
45
|
-
expect(checkboxes.length).to.equal(3);
|
|
46
|
-
expect(checkboxes[1].checked).to.be.true;
|
|
47
|
-
expect(checkboxes[2].checked).to.be.false;
|
|
48
|
-
}));
|
|
49
|
-
test('expand row attribute on click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
50
|
-
const headers = [
|
|
51
|
-
{ key: 'name', name: 'Name' },
|
|
52
|
-
{ key: 'age', name: 'Age' },
|
|
53
|
-
{ key: 'details', name: 'Details' },
|
|
54
|
-
];
|
|
55
|
-
const rows = [
|
|
56
|
-
{ name: 'John', age: 30, details: 'John details' },
|
|
57
|
-
{ name: 'Doe', age: 25, details: 'Doe details' },
|
|
58
|
-
];
|
|
59
|
-
const el = yield fixture(html `<hy-table-content
|
|
60
|
-
.headers=${headers}
|
|
61
|
-
.rows=${rows}
|
|
62
|
-
expandable="details"
|
|
63
|
-
.sortAttribute=${{ index: -1, order: SortOrder.Default }}
|
|
64
|
-
></hy-table-content>`);
|
|
65
|
-
const expandIcons = el.shadowRoot.querySelectorAll('.expand-icon');
|
|
66
|
-
expect(expandIcons.length).to.equal(rows.length);
|
|
67
|
-
expect(el.expand[0]).to.be.false;
|
|
68
|
-
expect(el.expand[1]).to.be.false;
|
|
69
|
-
expandIcons[0].click();
|
|
70
|
-
expect(el.expand[0]).to.be.true;
|
|
71
|
-
expect(el.expand[1]).to.be.false;
|
|
72
|
-
}));
|
|
73
|
-
test('dispatch check-all element event', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
74
|
-
const el = yield fixture(html `<hy-table-content
|
|
75
|
-
.headers=${headers}
|
|
76
|
-
.rows=${rows}
|
|
77
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
|
|
78
|
-
.selectionMode=${SelectionMode.Multiple}
|
|
79
|
-
></hy-table-content>`);
|
|
80
|
-
const globalCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[0];
|
|
81
|
-
let dispatchCheckAllItem = false;
|
|
82
|
-
el.addEventListener('check-all', () => {
|
|
83
|
-
dispatchCheckAllItem = true;
|
|
84
|
-
});
|
|
85
|
-
globalCheckBox.dispatchEvent(new Event('change'));
|
|
86
|
-
expect(dispatchCheckAllItem).to.be.true;
|
|
87
|
-
}));
|
|
88
|
-
test('dispatch check one item event', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
89
|
-
const el = yield fixture(html `<hy-table-content
|
|
90
|
-
.headers=${headers}
|
|
91
|
-
.rows=${rows}
|
|
92
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
|
|
93
|
-
.selectionMode=${SelectionMode.Multiple}
|
|
94
|
-
></hy-table-content>`);
|
|
95
|
-
const firstItemCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[1];
|
|
96
|
-
let dispatchCheckItem = false;
|
|
97
|
-
el.addEventListener('check-one', () => {
|
|
98
|
-
dispatchCheckItem = true;
|
|
99
|
-
});
|
|
100
|
-
firstItemCheckBox.dispatchEvent(new Event('change'));
|
|
101
|
-
expect(dispatchCheckItem).to.be.true;
|
|
102
|
-
}));
|
|
103
|
-
test('dispatch select one event ', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
104
|
-
const el = yield fixture(html `<hy-table-content
|
|
105
|
-
.headers=${headers}
|
|
106
|
-
.rows=${rows}
|
|
107
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
|
|
108
|
-
.selectionMode=${SelectionMode.Single}
|
|
109
|
-
></hy-table-content>`);
|
|
110
|
-
const firstItemRadio = el.shadowRoot.querySelector('input[type="radio"]');
|
|
111
|
-
let dispatchSelectItem = false;
|
|
112
|
-
el.addEventListener('select-one', () => {
|
|
113
|
-
dispatchSelectItem = true;
|
|
114
|
-
});
|
|
115
|
-
firstItemRadio.dispatchEvent(new Event('change'));
|
|
116
|
-
expect(dispatchSelectItem).to.be.true;
|
|
117
|
-
}));
|
|
118
|
-
test('dispatch update sort order event', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
119
|
-
var _a;
|
|
120
|
-
const el = yield fixture(html `<hy-table-content
|
|
121
|
-
.headers=${headers}
|
|
122
|
-
.rows=${rows}
|
|
123
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
|
|
124
|
-
></hy-table-content>`);
|
|
125
|
-
const th = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('th');
|
|
126
|
-
let dispatchUpdateSortOrder = false;
|
|
127
|
-
el.addEventListener('update-sort', () => {
|
|
128
|
-
dispatchUpdateSortOrder = true;
|
|
129
|
-
});
|
|
130
|
-
expect(dispatchUpdateSortOrder).to.be.false;
|
|
131
|
-
th === null || th === void 0 ? void 0 : th.click();
|
|
132
|
-
yield el.updateComplete;
|
|
133
|
-
expect(dispatchUpdateSortOrder).to.be.true;
|
|
134
|
-
}));
|
|
135
|
-
suite('display sorting icon', () => {
|
|
136
|
-
test('ascending icon', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
137
|
-
const el = yield fixture(html `<hy-table-content
|
|
138
|
-
.headers=${headers}
|
|
139
|
-
.rows=${rows}
|
|
140
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
|
|
141
|
-
></hy-table-content>`);
|
|
142
|
-
const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
|
|
143
|
-
expect(sortIcon).to.exist;
|
|
144
|
-
expect(sortIcon).to.have.attribute('name', 'long-arrow-up');
|
|
145
|
-
}));
|
|
146
|
-
test('descending icon', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
147
|
-
const el = yield fixture(html `<hy-table-content
|
|
148
|
-
.headers=${headers}
|
|
149
|
-
.rows=${rows}
|
|
150
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Descending }}
|
|
151
|
-
></hy-table-content>`);
|
|
152
|
-
const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
|
|
153
|
-
expect(sortIcon).to.exist;
|
|
154
|
-
expect(sortIcon).to.have.attribute('name', 'long-arrow-down');
|
|
155
|
-
}));
|
|
156
|
-
test('default icon', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
157
|
-
const el = yield fixture(html `<hy-table-content
|
|
158
|
-
.headers=${headers}
|
|
159
|
-
.rows=${rows}
|
|
160
|
-
.sortAttribute=${{ index: 0, order: SortOrder.Default }}
|
|
161
|
-
></hy-table-content>`);
|
|
162
|
-
const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
|
|
163
|
-
expect(sortIcon).to.exist;
|
|
164
|
-
expect(sortIcon).to.have.attribute('name', 'arrows-v');
|
|
165
|
-
}));
|
|
166
|
-
});
|
|
167
|
-
});
|
|
168
|
-
//# sourceMappingURL=hy-table-content_test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-content_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-content';\nimport {HyTableContent} from '../components/hy-table-content';\nimport {SelectionMode, SortOrder} from '../table.types';\n\nsuite('HyTableContent', () => {\n const headers = [\n {key: 'name', name: 'Name'},\n {key: 'age', name: 'Age'},\n ];\n const rows = [\n {name: 'John', age: 30},\n {name: 'Doe', age: 25},\n ];\n test('init table content', async () => {\n const el: HyTableContent = await fixture(\n html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`\n );\n\n const headerElements = el.shadowRoot!.querySelectorAll('th span');\n expect(headerElements.length).to.equal(headers.length);\n });\n\n test('Specify selected items', async () => {\n const selectedItems = [true, false];\n const currentPage = 1;\n const itemPerPage = 2;\n\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .selectionMode=${SelectionMode.Multiple}\n .selectedItems=${selectedItems}\n .currentPage=${currentPage}\n .itemPerPage=${itemPerPage}\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`);\n\n const checkboxes: NodeListOf<HTMLInputElement> = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]');\n expect(checkboxes.length).to.equal(3);\n expect(checkboxes[1].checked).to.be.true;\n expect(checkboxes[2].checked).to.be.false;\n });\n\n test('expand row attribute on click', async () => {\n const headers = [\n {key: 'name', name: 'Name'},\n {key: 'age', name: 'Age'},\n {key: 'details', name: 'Details'},\n ];\n const rows = [\n {name: 'John', age: 30, details: 'John details'},\n {name: 'Doe', age: 25, details: 'Doe details'},\n ];\n\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n expandable=\"details\"\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`);\n\n const expandIcons: NodeListOf<HTMLElement> = el.shadowRoot!.querySelectorAll('.expand-icon');\n expect(expandIcons.length).to.equal(rows.length);\n\n expect(el.expand[0]).to.be.false;\n expect(el.expand[1]).to.be.false;\n expandIcons[0].click();\n expect(el.expand[0]).to.be.true;\n expect(el.expand[1]).to.be.false;\n });\n\n test('dispatch check-all element event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Multiple}\n ></hy-table-content>`);\n const globalCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[0];\n let dispatchCheckAllItem = false;\n el.addEventListener('check-all', () => {\n dispatchCheckAllItem = true;\n });\n globalCheckBox.dispatchEvent(new Event('change'));\n expect(dispatchCheckAllItem).to.be.true;\n });\n test('dispatch check one item event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Multiple}\n ></hy-table-content>`);\n const firstItemCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[1];\n let dispatchCheckItem = false;\n el.addEventListener('check-one', () => {\n dispatchCheckItem = true;\n });\n firstItemCheckBox.dispatchEvent(new Event('change'));\n expect(dispatchCheckItem).to.be.true;\n });\n test('dispatch select one event ', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Single}\n ></hy-table-content>`);\n const firstItemRadio: Element = el.shadowRoot!.querySelector('input[type=\"radio\"]')!;\n let dispatchSelectItem = false;\n el.addEventListener('select-one', () => {\n dispatchSelectItem = true;\n });\n firstItemRadio.dispatchEvent(new Event('change'));\n expect(dispatchSelectItem).to.be.true;\n });\n\n test('dispatch update sort order event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n ></hy-table-content>`);\n const th = el.shadowRoot?.querySelector('th');\n let dispatchUpdateSortOrder = false;\n el.addEventListener('update-sort', () => {\n dispatchUpdateSortOrder = true;\n });\n expect(dispatchUpdateSortOrder).to.be.false;\n th?.click();\n await el.updateComplete;\n expect(dispatchUpdateSortOrder).to.be.true;\n });\n suite('display sorting icon', () => {\n test('ascending icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'long-arrow-up');\n });\n test('descending icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Descending}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'long-arrow-down');\n });\n test('default icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Default}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'arrows-v');\n });\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-filter_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-filter_test.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import '../components/hy-table-filter';
|
|
11
|
-
import { fixture, html, expect } from '@open-wc/testing';
|
|
12
|
-
suite('HyTableFilterComponent', () => {
|
|
13
|
-
test('init input filter', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
14
|
-
var _a;
|
|
15
|
-
const el = yield fixture(html `<hy-table-filter></hy-table-filter>`);
|
|
16
|
-
const input = el.shadowRoot.querySelector('input');
|
|
17
|
-
const iconContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-container');
|
|
18
|
-
expect(el.showInput).to.be.false;
|
|
19
|
-
expect(el.value).to.be.empty;
|
|
20
|
-
expect(input).to.not.exist;
|
|
21
|
-
expect(iconContainer).to.exist;
|
|
22
|
-
}));
|
|
23
|
-
test('show input filter and hide icon on click icon', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
24
|
-
const el = yield fixture(html `<hy-table-filter></hy-table-filter>`);
|
|
25
|
-
let input = el.shadowRoot.querySelector('input');
|
|
26
|
-
let iconContainer = el.shadowRoot.querySelector('.icon-container');
|
|
27
|
-
expect(el.showInput).to.be.false;
|
|
28
|
-
expect(input).to.not.exist;
|
|
29
|
-
expect(iconContainer).to.exist;
|
|
30
|
-
iconContainer.click();
|
|
31
|
-
yield el.updateComplete;
|
|
32
|
-
input = el.shadowRoot.querySelector('input');
|
|
33
|
-
iconContainer = el.shadowRoot.querySelector('.icon-container');
|
|
34
|
-
expect(el.showInput).to.be.true;
|
|
35
|
-
expect(input).to.exist;
|
|
36
|
-
expect(iconContainer).to.not.exist;
|
|
37
|
-
}));
|
|
38
|
-
test('dispatch value change', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
39
|
-
const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
|
|
40
|
-
const input = el.shadowRoot.querySelector('input');
|
|
41
|
-
let valueChangeDispatched = false;
|
|
42
|
-
el.addEventListener('value-change', () => {
|
|
43
|
-
valueChangeDispatched = true;
|
|
44
|
-
});
|
|
45
|
-
input.dispatchEvent(new Event('input'));
|
|
46
|
-
expect(valueChangeDispatched).to.be.true;
|
|
47
|
-
}));
|
|
48
|
-
suite('on blur input', () => {
|
|
49
|
-
test('show icon and hide input when input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
50
|
-
const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
|
|
51
|
-
const iconContainer = el.shadowRoot.querySelector('.icon-container');
|
|
52
|
-
let input = el.shadowRoot.querySelector('input');
|
|
53
|
-
expect(el.showInput).to.be.true;
|
|
54
|
-
expect(input).to.exist;
|
|
55
|
-
expect(iconContainer).to.not.exist;
|
|
56
|
-
input.blur();
|
|
57
|
-
yield el.updateComplete;
|
|
58
|
-
input = el.shadowRoot.querySelector('input');
|
|
59
|
-
expect(el.showInput).to.be.false;
|
|
60
|
-
expect(input).to.not.exist;
|
|
61
|
-
}));
|
|
62
|
-
test('expose input and hide icon when input is filled', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
63
|
-
const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
|
|
64
|
-
const iconContainer = el.shadowRoot.querySelector('.icon-container');
|
|
65
|
-
let input = el.shadowRoot.querySelector('input');
|
|
66
|
-
expect(input).to.exist;
|
|
67
|
-
expect(iconContainer).to.not.exist;
|
|
68
|
-
input.value = 'hey';
|
|
69
|
-
input.dispatchEvent(new Event('input'));
|
|
70
|
-
yield el.updateComplete;
|
|
71
|
-
input.blur();
|
|
72
|
-
yield el.updateComplete;
|
|
73
|
-
input = el.shadowRoot.querySelector('input');
|
|
74
|
-
expect(el.showInput).to.be.true;
|
|
75
|
-
expect(input).to.exist;
|
|
76
|
-
expect(iconContainer).to.not.exist;
|
|
77
|
-
}));
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
//# sourceMappingURL=hy-table-filter_test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-filter_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-filter_test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../components/hy-table-filter';\nimport {HyTableFilter} from '../components/hy-table-filter';\nimport {fixture, html, expect} from '@open-wc/testing';\nsuite('HyTableFilterComponent', () => {\n test('init input filter', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter></hy-table-filter>`);\n const input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n const iconContainer = el.shadowRoot?.querySelector('.icon-container');\n expect(el.showInput).to.be.false;\n expect(el.value).to.be.empty;\n expect(input).to.not.exist;\n expect(iconContainer).to.exist;\n });\n\n test('show input filter and hide icon on click icon', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter></hy-table-filter>`);\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n let iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n expect(el.showInput).to.be.false;\n expect(input).to.not.exist;\n expect(iconContainer).to.exist;\n iconContainer.click();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n iconContainer = el.shadowRoot!.querySelector('.icon-container')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n });\n test('dispatch value change', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n\n let valueChangeDispatched = false;\n el.addEventListener('value-change', () => {\n valueChangeDispatched = true;\n });\n input.dispatchEvent(new Event('input'));\n expect(valueChangeDispatched).to.be.true;\n });\n\n suite('on blur input', () => {\n test('show icon and hide input when input is empty', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n input.blur();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.false;\n expect(input).to.not.exist;\n });\n test('expose input and hide icon when input is filled', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n input.value = 'hey';\n input.dispatchEvent(new Event('input'));\n await el.updateComplete;\n input.blur();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n });\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hy-table-pagination_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-pagination_test.ts"],"names":[],"mappings":"AACA,OAAO,mCAAmC,CAAC"}
|