@digital-realty/ix-grid 1.3.13 → 1.3.14
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/dist/test/a11y.test.d.ts +2 -0
- package/dist/test/a11y.test.js +17 -0
- package/dist/test/a11y.test.js.map +1 -0
- package/dist/test/mockData.d.ts +10 -0
- package/dist/test/mockData.js +36 -0
- package/dist/test/mockData.js.map +1 -0
- package/package.json +11 -11
- package/src/test/a11y.test.ts +19 -0
- package/src/test/mockData.ts +37 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { fixture, expect } from '@open-wc/testing';
|
|
3
|
+
import '../ix-grid.js';
|
|
4
|
+
import '../ix-grid-no-rows.js';
|
|
5
|
+
import { rows, columns } from './mockData.js';
|
|
6
|
+
describe('A11yTest', () => {
|
|
7
|
+
// TODO
|
|
8
|
+
it('passes the a11y audit', async () => {
|
|
9
|
+
const el = await fixture(html `<ix-grid
|
|
10
|
+
.columns=${columns}
|
|
11
|
+
.rows=${rows}
|
|
12
|
+
></ix-grid>`);
|
|
13
|
+
// await expect(el).shadowDom.to.be.accessible();
|
|
14
|
+
await expect(el).shadowDom.to.not.be.accessible();
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=a11y.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a11y.test.js","sourceRoot":"","sources":["../../src/test/a11y.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,eAAe,CAAC;AACvB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE9C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,OAAO;IACP,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAS,IAAI,CAAA;iBACxB,OAAO;cACV,IAAI;gBACF,CAAC,CAAC;QAEd,iDAAiD;QACjD,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html } from 'lit';\nimport { fixture, expect } from '@open-wc/testing';\nimport { IxGrid } from '../IxGrid.js';\nimport '../ix-grid.js';\nimport '../ix-grid-no-rows.js';\nimport { rows, columns } from './mockData.js';\n\ndescribe('A11yTest', () => {\n // TODO\n it('passes the a11y audit', async () => {\n const el = await fixture<IxGrid>(html`<ix-grid\n .columns=${columns}\n .rows=${rows}\n ></ix-grid>`);\n\n // await expect(el).shadowDom.to.be.accessible();\n await expect(el).shadowDom.to.not.be.accessible();\n });\n});\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
export const rows = [
|
|
3
|
+
{
|
|
4
|
+
name: 'one',
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
name: 'two',
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
name: 'three',
|
|
11
|
+
},
|
|
12
|
+
];
|
|
13
|
+
export const columns = [
|
|
14
|
+
{
|
|
15
|
+
name: 'one',
|
|
16
|
+
header: 'one',
|
|
17
|
+
bodyRenderer: row => html ` <span>${row.name}</span>`,
|
|
18
|
+
filterable: true,
|
|
19
|
+
filterOperators: ['equals'],
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'two',
|
|
23
|
+
header: 'one',
|
|
24
|
+
bodyRenderer: row => html ` <span>${row.name}</span>`,
|
|
25
|
+
filterable: true,
|
|
26
|
+
filterOperators: ['equals', 'contains'],
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: 'three',
|
|
30
|
+
header: 'one',
|
|
31
|
+
bodyRenderer: row => html ` <span>${row.name}</span>`,
|
|
32
|
+
filterable: true,
|
|
33
|
+
filterOperators: ['equals', 'contains'],
|
|
34
|
+
},
|
|
35
|
+
];
|
|
36
|
+
//# sourceMappingURL=mockData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../src/test/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB;QACE,IAAI,EAAE,KAAK;KACZ;IACD;QACE,IAAI,EAAE,KAAK;KACZ;IACD;QACE,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB;QACE,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,IAAI,SAAS;QACpD,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,QAAQ,CAAC;KAC5B;IACD;QACE,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,IAAI,SAAS;QACpD,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;KACxC;IACD;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA,UAAU,GAAG,CAAC,IAAI,SAAS;QACpD,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;KACxC;CACF,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport const rows = [\n {\n name: 'one',\n },\n {\n name: 'two',\n },\n {\n name: 'three',\n },\n];\n\nexport const columns = [\n {\n name: 'one',\n header: 'one',\n bodyRenderer: row => html` <span>${row.name}</span>`,\n filterable: true,\n filterOperators: ['equals'],\n },\n {\n name: 'two',\n header: 'one',\n bodyRenderer: row => html` <span>${row.name}</span>`,\n filterable: true,\n filterOperators: ['equals', 'contains'],\n },\n {\n name: 'three',\n header: 'one',\n bodyRenderer: row => html` <span>${row.name}</span>`,\n filterable: true,\n filterOperators: ['equals', 'contains'],\n },\n];\n"]}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent ix-grid following open-wc recommendations",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Digital Realty",
|
|
6
|
-
"version": "1.3.
|
|
6
|
+
"version": "1.3.14",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"module": "dist/index.js",
|
|
@@ -30,15 +30,15 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@digital-realty/grid": "^1.1.2",
|
|
33
|
-
"@digital-realty/ix-button": "^3.4.
|
|
34
|
-
"@digital-realty/ix-date": "^1.2.
|
|
35
|
-
"@digital-realty/ix-date-next": "^1.1.
|
|
36
|
-
"@digital-realty/ix-icon": "^1.2.
|
|
37
|
-
"@digital-realty/ix-icon-button": "^1.2.
|
|
38
|
-
"@digital-realty/ix-menu": "^1.2.
|
|
39
|
-
"@digital-realty/ix-progress": "^1.3.
|
|
40
|
-
"@digital-realty/ix-select": "^1.2.
|
|
41
|
-
"@digital-realty/ix-switch": "^2.3.
|
|
33
|
+
"@digital-realty/ix-button": "^3.4.5",
|
|
34
|
+
"@digital-realty/ix-date": "^1.2.4",
|
|
35
|
+
"@digital-realty/ix-date-next": "^1.1.8",
|
|
36
|
+
"@digital-realty/ix-icon": "^1.2.4",
|
|
37
|
+
"@digital-realty/ix-icon-button": "^1.2.4",
|
|
38
|
+
"@digital-realty/ix-menu": "^1.2.4",
|
|
39
|
+
"@digital-realty/ix-progress": "^1.3.4",
|
|
40
|
+
"@digital-realty/ix-select": "^1.2.5",
|
|
41
|
+
"@digital-realty/ix-switch": "^2.3.4",
|
|
42
42
|
"@lit/react": "^1.0.5",
|
|
43
43
|
"date-fns": "^4.1.0",
|
|
44
44
|
"lit": "^3.2.1",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"prettier --write"
|
|
114
114
|
]
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "5f957be9ee993f439c24887108d7d1f35c40ab17"
|
|
117
117
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { fixture, expect } from '@open-wc/testing';
|
|
3
|
+
import { IxGrid } from '../IxGrid.js';
|
|
4
|
+
import '../ix-grid.js';
|
|
5
|
+
import '../ix-grid-no-rows.js';
|
|
6
|
+
import { rows, columns } from './mockData.js';
|
|
7
|
+
|
|
8
|
+
describe('A11yTest', () => {
|
|
9
|
+
// TODO
|
|
10
|
+
it('passes the a11y audit', async () => {
|
|
11
|
+
const el = await fixture<IxGrid>(html`<ix-grid
|
|
12
|
+
.columns=${columns}
|
|
13
|
+
.rows=${rows}
|
|
14
|
+
></ix-grid>`);
|
|
15
|
+
|
|
16
|
+
// await expect(el).shadowDom.to.be.accessible();
|
|
17
|
+
await expect(el).shadowDom.to.not.be.accessible();
|
|
18
|
+
});
|
|
19
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export const rows = [
|
|
4
|
+
{
|
|
5
|
+
name: 'one',
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
name: 'two',
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
name: 'three',
|
|
12
|
+
},
|
|
13
|
+
];
|
|
14
|
+
|
|
15
|
+
export const columns = [
|
|
16
|
+
{
|
|
17
|
+
name: 'one',
|
|
18
|
+
header: 'one',
|
|
19
|
+
bodyRenderer: row => html` <span>${row.name}</span>`,
|
|
20
|
+
filterable: true,
|
|
21
|
+
filterOperators: ['equals'],
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'two',
|
|
25
|
+
header: 'one',
|
|
26
|
+
bodyRenderer: row => html` <span>${row.name}</span>`,
|
|
27
|
+
filterable: true,
|
|
28
|
+
filterOperators: ['equals', 'contains'],
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: 'three',
|
|
32
|
+
header: 'one',
|
|
33
|
+
bodyRenderer: row => html` <span>${row.name}</span>`,
|
|
34
|
+
filterable: true,
|
|
35
|
+
filterOperators: ['equals', 'contains'],
|
|
36
|
+
},
|
|
37
|
+
];
|