@digital-realty/ix-grid 1.4.1-alpha.1 → 1.4.1-alpha.2

package/src/test/ix-pagination.test.js

@@ -0,0 +1,58 @@
+import { html } from 'lit';
+import { expect, fixture, oneEvent } from '@open-wc/testing';
+// eslint-disable-next-line import/no-duplicates
+import '../components/IxPagination.js';
+describe('IxPagination', () => {
+    it('renders pagination', async () => {
+        const el = await fixture(html `<ix-pagination></ix-pagination>`);
+        expect(el).to.not.be.null;
+    });
+    it('renders pagination page size select', async () => {
+        var _a;
+        const el = await fixture(html `<ix-pagination
+      .pageSizes=${[1, 2, 3]}
+    ></ix-pagination>`);
+        const pageSizeSelect = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ix-select-option');
+        expect(pageSizeSelect === null || pageSizeSelect === void 0 ? void 0 : pageSizeSelect.length).to.equal(3);
+    });
+    it('renders pagination range info', async () => {
+        var _a;
+        const el = await fixture(html `<ix-pagination
+      pageSize="10"
+      page="2"
+      recordCount="99"
+    ></ix-pagination>`);
+        const pageRangeInfo = (_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('p')[1];
+        expect(pageRangeInfo === null || pageRangeInfo === void 0 ? void 0 : pageRangeInfo.innerText).to.equal('11 - 20 of 99');
+    });
+    it('calculates new page when page size increases', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<ix-pagination
+      .pageSizes=${[10, 20, 50, 100]}
+      pageSize="50"
+      page="5"
+      recordCount="600"
+    ></ix-pagination>`);
+        const listener = oneEvent(el, 'updatePagination');
+        const ixSelect = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ix-select-option[value='100']");
+        (_c = (_b = ixSelect === null || ixSelect === void 0 ? void 0 : ixSelect.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li')) === null || _c === void 0 ? void 0 : _c.click();
+        const event = await listener;
+        expect(event.detail.page).to.equal(3);
+        expect(event.detail.pageSize).to.equal(100);
+    });
+    it('calculates new page when page size decreases', async () => {
+        var _a, _b, _c;
+        const el = await fixture(html `<ix-pagination
+      .pageSizes=${[10, 20, 50, 100]}
+      pageSize="50"
+      page="5"
+      recordCount="600"
+    ></ix-pagination>`);
+        const listener = oneEvent(el, 'updatePagination');
+        const ixSelect = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ix-select-option[value='20']");
+        (_c = (_b = ixSelect === null || ixSelect === void 0 ? void 0 : ixSelect.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li')) === null || _c === void 0 ? void 0 : _c.click();
+        const event = await listener;
+        expect(event.detail.page).to.equal(11);
+        expect(event.detail.pageSize).to.equal(20);
+    });
+});

package/web-test-runner.config.mjs

@@ -22,7 +22,7 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
       },
     }),
   ],
-  
+
   /** Resolve bare module imports */
   nodeResolve: {
     exportConditions: ['browser', 'development'],