@memberjunction/ng-tabstrip 5.41.0 → 5.43.0

package/dist/lib/tab-strip/tab-strip.component.dom.test.d.ts

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

package/dist/lib/tab-strip/tab-strip.component.dom.test.d.ts.map

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

package/dist/lib/tab-strip/tab-strip.component.dom.test.js

@@ -0,0 +1,48 @@
+import { describe, it, expect } from 'vitest';
+import { CommonModule } from '@angular/common';
+import { renderTemplate } from '@memberjunction/ng-test-utils';
+import { MJTabStripComponent } from './tab-strip.component';
+import { MJTabComponent } from '../tab/tab.component';
+import { MJTabBodyComponent } from '../tab-body/tab-body.component';
+/**
+ * DOM-level spec for <mj-tabstrip> — a *compound* component: it only does anything
+ * with projected <mj-tab>/<mj-tab-body> children, and its parts are module-declared.
+ *
+ * We use the shared `renderTemplate` helper, which wraps the markup in a host
+ * component, declares the components, and waits for the tab-strip's async refresh
+ * to settle — so the spec stays focused on behavior, not test plumbing.
+ */
+const TABSTRIP_MARKUP = `
+  <mj-tabstrip>
+    <mj-tab Name="A">Tab A</mj-tab>
+    <mj-tab Name="B">Tab B</mj-tab>
+    <mj-tab-body>Body A</mj-tab-body>
+    <mj-tab-body>Body B</mj-tab-body>
+  </mj-tabstrip>`;
+function renderTabStrip() {
+    return renderTemplate(TABSTRIP_MARKUP, {
+        imports: [CommonModule],
+        declarations: [MJTabStripComponent, MJTabComponent, MJTabBodyComponent],
+    });
+}
+describe('MJTabStripComponent (DOM)', () => {
+    it('renders both tab headers, with the first selected by default', async () => {
+        const fixture = await renderTabStrip();
+        const tabs = fixture.nativeElement.querySelectorAll('.single-tab');
+        expect(tabs.length).toBe(2);
+        expect(tabs[0].classList.contains('single-tab-selected')).toBe(true);
+        expect(tabs[1].classList.contains('single-tab-selected')).toBe(false);
+    });
+    it('selects the second tab and shows its body when its header is clicked', async () => {
+        const fixture = await renderTabStrip();
+        const tabs = fixture.nativeElement.querySelectorAll('.single-tab');
+        tabs[1].click();
+        await fixture.whenStable();
+        expect(tabs[1].classList.contains('single-tab-selected')).toBe(true);
+        expect(tabs[0].classList.contains('single-tab-selected')).toBe(false);
+        const bodies = fixture.nativeElement.querySelectorAll('.tab-body');
+        expect(bodies[1].hidden).toBe(false);
+        expect(bodies[0].hidden).toBe(true);
+    });
+});
+//# sourceMappingURL=tab-strip.component.dom.test.js.map

package/dist/lib/tab-strip/tab-strip.component.dom.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-strip.component.dom.test.js","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.dom.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG;;;;;;iBAMP,CAAC;AAElB,SAAS,cAAc;IACrB,OAAO,cAAc,CAAC,eAAe,EAAE;QACrC,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,mBAAmB,EAAE,cAAc,EAAE,kBAAkB,CAAC;KACxE,CAAC,CAAC;AACL,CAAC;AAED,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,OAAO,GAAG,MAAM,cAAc,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAEnE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;QACpF,MAAM,OAAO,GAAG,MAAM,cAAc,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC;QAE3B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtE,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACnE,MAAM,CAAE,MAAM,CAAC,CAAC,CAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,CAAE,MAAM,CAAC,CAAC,CAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\nimport { CommonModule } from '@angular/common';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { renderTemplate } from '@memberjunction/ng-test-utils';\nimport { MJTabStripComponent } from './tab-strip.component';\nimport { MJTabComponent } from '../tab/tab.component';\nimport { MJTabBodyComponent } from '../tab-body/tab-body.component';\n\n/**\n * DOM-level spec for <mj-tabstrip> — a *compound* component: it only does anything\n * with projected <mj-tab>/<mj-tab-body> children, and its parts are module-declared.\n *\n * We use the shared `renderTemplate` helper, which wraps the markup in a host\n * component, declares the components, and waits for the tab-strip's async refresh\n * to settle — so the spec stays focused on behavior, not test plumbing.\n */\nconst TABSTRIP_MARKUP = `\n  <mj-tabstrip>\n    <mj-tab Name=\"A\">Tab A</mj-tab>\n    <mj-tab Name=\"B\">Tab B</mj-tab>\n    <mj-tab-body>Body A</mj-tab-body>\n    <mj-tab-body>Body B</mj-tab-body>\n  </mj-tabstrip>`;\n\nfunction renderTabStrip(): Promise<ComponentFixture<unknown>> {\n  return renderTemplate(TABSTRIP_MARKUP, {\n    imports: [CommonModule],\n    declarations: [MJTabStripComponent, MJTabComponent, MJTabBodyComponent],\n  });\n}\n\ndescribe('MJTabStripComponent (DOM)', () => {\n  it('renders both tab headers, with the first selected by default', async () => {\n    const fixture = await renderTabStrip();\n    const tabs = fixture.nativeElement.querySelectorAll('.single-tab');\n\n    expect(tabs.length).toBe(2);\n    expect(tabs[0].classList.contains('single-tab-selected')).toBe(true);\n    expect(tabs[1].classList.contains('single-tab-selected')).toBe(false);\n  });\n\n  it('selects the second tab and shows its body when its header is clicked', async () => {\n    const fixture = await renderTabStrip();\n    const tabs = fixture.nativeElement.querySelectorAll('.single-tab');\n\n    (tabs[1] as HTMLElement).click();\n    await fixture.whenStable();\n\n    expect(tabs[1].classList.contains('single-tab-selected')).toBe(true);\n    expect(tabs[0].classList.contains('single-tab-selected')).toBe(false);\n\n    const bodies = fixture.nativeElement.querySelectorAll('.tab-body');\n    expect((bodies[1] as HTMLElement).hidden).toBe(false);\n    expect((bodies[0] as HTMLElement).hidden).toBe(true);\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-tabstrip",
-  "version": "5.41.0",
+  "version": "5.43.0",
   "description": "DEPRECATED: Simple tab strip component. Use Kendo TabStrip or mj-collapsible-panel instead.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -18,6 +18,7 @@
   "devDependencies": {
     "@angular/compiler": "21.1.3",
     "@angular/compiler-cli": "21.1.3",
+    "@memberjunction/ng-test-utils": "5.43.0",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
@@ -25,7 +26,7 @@
     "@angular/core": "21.1.3"
   },
   "dependencies": {
-    "@memberjunction/ng-container-directives": "5.41.0",
+    "@memberjunction/ng-container-directives": "5.43.0",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,