@memberjunction/ng-pagination 5.41.0 → 5.43.0

package/dist/lib/pagination.component.dom.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pagination.component.dom.test.d.ts.map

package/dist/lib/pagination.component.dom.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.component.dom.test.d.ts","sourceRoot":"","sources":["../../src/lib/pagination.component.dom.test.ts"],"names":[],"mappings":""}

package/dist/lib/pagination.component.dom.test.js

@@ -0,0 +1,92 @@
+import { describe, it, expect, vi } from 'vitest';
+import { TestBed } from '@angular/core/testing';
+import { PaginationComponent } from './pagination.component';
+/**
+ * DOM-level spec for `<mj-pagination>`. The component's whole reason to exist is
+ * template gating + click wiring:
+ *  - it renders nothing unless there is more than one page,
+ *  - first/prev are disabled on page 1, next/last on the last page,
+ *  - clicking a nav button emits a `PageChange` with the right StartRow.
+ *
+ * None of that is observable from the class alone — these assertions drive the
+ * rendered buttons and read the emitted `@Output`.
+ */
+describe('PaginationComponent (DOM)', () => {
+    function render(setup) {
+        const fixture = TestBed.createComponent(PaginationComponent);
+        setup(fixture.componentInstance);
+        fixture.detectChanges();
+        return { fixture, host: fixture.nativeElement };
+    }
+    function buttonByTitle(host, title) {
+        const btn = host.querySelector(`button[title="${title}"]`);
+        if (!btn)
+            throw new Error(`No pager button with title="${title}"`);
+        return btn;
+    }
+    it('renders nothing when there is a single page of data', () => {
+        const { host } = render((c) => {
+            c.TotalRowCount = 50;
+            c.PageSize = 100;
+            c.PageNumber = 1;
+        });
+        expect(host.querySelector('.pagination')).toBeNull();
+    });
+    it('renders the pager and a "from-to of total" summary across multiple pages', () => {
+        const { host } = render((c) => {
+            c.TotalRowCount = 250;
+            c.PageSize = 100;
+            c.PageNumber = 2;
+        });
+        expect(host.querySelector('.pagination')).not.toBeNull();
+        // DisplayFrom = 101, DisplayTo = 200, total 250 (formatted with the number pipe).
+        expect(host.querySelector('.pager-summary')?.textContent?.replace(/\s+/g, ' ').trim()).toBe('101-200 of 250');
+        expect(host.querySelector('.pager-page-info')?.textContent?.replace(/\s+/g, ' ').trim()).toBe('Page 2 of 3');
+    });
+    it('disables first/prev on the first page and enables next/last', () => {
+        const { host } = render((c) => {
+            c.TotalRowCount = 250;
+            c.PageSize = 100;
+            c.PageNumber = 1;
+        });
+        expect(buttonByTitle(host, 'First page').disabled).toBe(true);
+        expect(buttonByTitle(host, 'Previous page').disabled).toBe(true);
+        expect(buttonByTitle(host, 'Next page').disabled).toBe(false);
+        expect(buttonByTitle(host, 'Last page').disabled).toBe(false);
+    });
+    it('emits PageChange with the correct StartRow when Next is clicked', () => {
+        const events = [];
+        const { fixture, host } = render((c) => {
+            c.TotalRowCount = 250;
+            c.PageSize = 100;
+            c.PageNumber = 1;
+        });
+        fixture.componentInstance.PageChange.subscribe((e) => events.push(e));
+        buttonByTitle(host, 'Next page').click();
+        expect(events).toEqual([{ PageNumber: 2, PageSize: 100, StartRow: 100 }]);
+    });
+    it('does not emit when a disabled button is clicked', () => {
+        const spy = vi.fn();
+        const { fixture, host } = render((c) => {
+            c.TotalRowCount = 250;
+            c.PageSize = 100;
+            c.PageNumber = 1;
+        });
+        fixture.componentInstance.PageChange.subscribe(spy);
+        // Previous is disabled on page 1; clicking the disabled button must be a no-op.
+        buttonByTitle(host, 'Previous page').click();
+        expect(spy).not.toHaveBeenCalled();
+    });
+    it('shows the loading spinner and disables navigation while IsLoading', () => {
+        const { host } = render((c) => {
+            c.TotalRowCount = 250;
+            c.PageSize = 100;
+            c.PageNumber = 2;
+            c.IsLoading = true;
+        });
+        expect(host.querySelector('.pager-loading')).not.toBeNull();
+        expect(buttonByTitle(host, 'Next page').disabled).toBe(true);
+        expect(buttonByTitle(host, 'Previous page').disabled).toBe(true);
+    });
+});
+//# sourceMappingURL=pagination.component.dom.test.js.map

package/dist/lib/pagination.component.dom.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.component.dom.test.js","sourceRoot":"","sources":["../../src/lib/pagination.component.dom.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { describe, it, expect, vi } from 'vitest';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { PaginationComponent, PageChangeEvent } from './pagination.component';\n\n/**\n * DOM-level spec for `<mj-pagination>`. The component's whole reason to exist is\n * template gating + click wiring:\n *  - it renders nothing unless there is more than one page,\n *  - first/prev are disabled on page 1, next/last on the last page,\n *  - clicking a nav button emits a `PageChange` with the right StartRow.\n *\n * None of that is observable from the class alone — these assertions drive the\n * rendered buttons and read the emitted `@Output`.\n */\ndescribe('PaginationComponent (DOM)', () => {\n  function render(\n    setup: (c: PaginationComponent) => void,\n  ): { fixture: ComponentFixture<PaginationComponent>; host: HTMLElement } {\n    const fixture = TestBed.createComponent(PaginationComponent);\n    setup(fixture.componentInstance);\n    fixture.detectChanges();\n    return { fixture, host: fixture.nativeElement as HTMLElement };\n  }\n\n  function buttonByTitle(host: HTMLElement, title: string): HTMLButtonElement {\n    const btn = host.querySelector(`button[title=\"${title}\"]`) as HTMLButtonElement | null;\n    if (!btn) throw new Error(`No pager button with title=\"${title}\"`);\n    return btn;\n  }\n\n  it('renders nothing when there is a single page of data', () => {\n    const { host } = render((c) => {\n      c.TotalRowCount = 50;\n      c.PageSize = 100;\n      c.PageNumber = 1;\n    });\n    expect(host.querySelector('.pagination')).toBeNull();\n  });\n\n  it('renders the pager and a \"from-to of total\" summary across multiple pages', () => {\n    const { host } = render((c) => {\n      c.TotalRowCount = 250;\n      c.PageSize = 100;\n      c.PageNumber = 2;\n    });\n    expect(host.querySelector('.pagination')).not.toBeNull();\n    // DisplayFrom = 101, DisplayTo = 200, total 250 (formatted with the number pipe).\n    expect(host.querySelector('.pager-summary')?.textContent?.replace(/\\s+/g, ' ').trim()).toBe(\n      '101-200 of 250',\n    );\n    expect(host.querySelector('.pager-page-info')?.textContent?.replace(/\\s+/g, ' ').trim()).toBe(\n      'Page 2 of 3',\n    );\n  });\n\n  it('disables first/prev on the first page and enables next/last', () => {\n    const { host } = render((c) => {\n      c.TotalRowCount = 250;\n      c.PageSize = 100;\n      c.PageNumber = 1;\n    });\n    expect(buttonByTitle(host, 'First page').disabled).toBe(true);\n    expect(buttonByTitle(host, 'Previous page').disabled).toBe(true);\n    expect(buttonByTitle(host, 'Next page').disabled).toBe(false);\n    expect(buttonByTitle(host, 'Last page').disabled).toBe(false);\n  });\n\n  it('emits PageChange with the correct StartRow when Next is clicked', () => {\n    const events: PageChangeEvent[] = [];\n    const { fixture, host } = render((c) => {\n      c.TotalRowCount = 250;\n      c.PageSize = 100;\n      c.PageNumber = 1;\n    });\n    fixture.componentInstance.PageChange.subscribe((e) => events.push(e));\n\n    buttonByTitle(host, 'Next page').click();\n\n    expect(events).toEqual([{ PageNumber: 2, PageSize: 100, StartRow: 100 }]);\n  });\n\n  it('does not emit when a disabled button is clicked', () => {\n    const spy = vi.fn();\n    const { fixture, host } = render((c) => {\n      c.TotalRowCount = 250;\n      c.PageSize = 100;\n      c.PageNumber = 1;\n    });\n    fixture.componentInstance.PageChange.subscribe(spy);\n\n    // Previous is disabled on page 1; clicking the disabled button must be a no-op.\n    buttonByTitle(host, 'Previous page').click();\n\n    expect(spy).not.toHaveBeenCalled();\n  });\n\n  it('shows the loading spinner and disables navigation while IsLoading', () => {\n    const { host } = render((c) => {\n      c.TotalRowCount = 250;\n      c.PageSize = 100;\n      c.PageNumber = 2;\n      c.IsLoading = true;\n    });\n    expect(host.querySelector('.pager-loading')).not.toBeNull();\n    expect(buttonByTitle(host, 'Next page').disabled).toBe(true);\n    expect(buttonByTitle(host, 'Previous page').disabled).toBe(true);\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-pagination",
-  "version": "5.41.0",
+  "version": "5.43.0",
   "description": "MemberJunction: Reusable pagination component for server-side paged data with first/prev/next/last navigation",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",