add tests

Vonage · yinonov · May 23, 2021 · Feb 26, 2021 · Feb 26, 2021 · Feb 26, 2021
commit a47a4ca10e2f14abb09ae48860fadb78d81c5ebc
diff --git a/__snapshots__/expansion panel list.md b/__snapshots__/expansion panel list.md
@@ -0,0 +1,12 @@
+# `expansion panel list`
+
+#### `should have internal contents`
+
+```html
+<div class="expansion-panel-list">
+  <slot>
+  </slot>
+</div>
+
+```
+
diff --git a/components/expansion-panel/src/vwc-expansion-panel-list-base.ts b/components/expansion-panel/src/vwc-expansion-panel-list-base.ts
@@ -1,11 +1,6 @@
 import { LitElement, property } from 'lit-element';
 import { VWCExpansionPanelBase } from './vwc-expansion-panel-base.js';
 
-/* TODO
- * - add nested panel support
- * - verify items in expansionPanels list
- */
-
 export abstract class VWCExpansionPanelListBase extends LitElement {
 	@property({ type: Boolean, reflect: true })
 	multi = false;

diff --git a/components/expansion-panel/test/expansion-panel-list.test.js b/components/expansion-panel/test/expansion-panel-list.test.js
@@ -0,0 +1,68 @@
+import '../vwc-expansion-panel.js';
+import '../vwc-expansion-panel-list.js';
+import {
+	textToDomToParent,
+	waitNextTask,
+	isolatedElementsCreation,
+} from '../../../test/test-helpers.js';
+import { chaiDomDiff } from '@open-wc/semantic-dom-diff';
+
+chai.use(chaiDomDiff);
+
+const COMPONENT_NAME = 'vwc-expansion-panel-list';
+
+describe('expansion panel list', () => {
+	let addElement = isolatedElementsCreation();
+
+	it('should be defined as a custom element', () => {
+		assert.exists(
+			customElements.get(COMPONENT_NAME, 'vwc-expansion-panel-list element is not defined')
+		);
+	});
+
+	it('should have internal contents', async () => {
+		const [actualElement] = addElement(
+			textToDomToParent(`
+				<${COMPONENT_NAME}></${COMPONENT_NAME}>
+			`)
+		);
+		await waitNextTask();
+		expect(actualElement.shadowRoot.innerHTML).to.equalSnapshot();
+	});
+
+	describe(`expansion panel visibility`, function () {
+		let actualElement;
+		beforeEach(async () => {
+			[actualElement] = addElement(
+				textToDomToParent(`
+					<${COMPONENT_NAME}>
+						<vwc-expansion-panel header="panel 1" open></vwc-expansion-panel>
+						<vwc-expansion-panel header="panel 2" open></vwc-expansion-panel>
+						<vwc-expansion-panel header="panel 3"></vwc-expansion-panel>
+						<vwc-expansion-panel header="panel 3"></vwc-expansion-panel>
+					</${COMPONENT_NAME}>
+				`)
+			);
+			await waitNextTask();
+		});
+
+		it('should only allow one expansion panel open at a time', async () => {
+			const openExpansionPanels = actualElement.getOpened();
+			expect(openExpansionPanels.length).to.equal(1)
+		});
+
+		it('should allow multiple expansion panels open when set to multi', async () => {
+			actualElement.multi = true;
+			await waitNextTask();
+			actualElement.openAll();
+			const openExpansionPanels = actualElement.getOpened();
+			expect(openExpansionPanels.length).to.equal(4)
+		});
+
+		it('should have all expansion panels closed', async () => {	
+			actualElement.closeAll();
+			const openExpansionPanels = actualElement.getOpened();
+			expect(openExpansionPanels.length).to.equal(0)
+		});
+	});
+});