From 4da9495925d601bb4edfb8b007d5b54792b7491b Mon Sep 17 00:00:00 2001
From: Sukanya Pandey <sukapan1@in.ibm.com>
Date: Tue, 29 Dec 2020 15:35:01 +0530
Subject: Add unit test cases for table cell count component

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: Id948347cd38a9e58d21aaf4180afe8ab5c2f2ed7
---
 tests/unit/Global/TableCellCount.spec.js           | 30 ++++++++++++++++++++++
 .../__snapshots__/TableCellCount.spec.js.snap      | 11 ++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 tests/unit/Global/TableCellCount.spec.js
 create mode 100644 tests/unit/Global/__snapshots__/TableCellCount.spec.js.snap

(limited to 'tests/unit/Global')

diff --git a/tests/unit/Global/TableCellCount.spec.js b/tests/unit/Global/TableCellCount.spec.js
new file mode 100644
index 00000000..025d67bb
--- /dev/null
+++ b/tests/unit/Global/TableCellCount.spec.js
@@ -0,0 +1,30 @@
+import { mount, createLocalVue } from '@vue/test-utils';
+import TableCellCount from '@/components/Global/TableCellCount';
+
+const localVue = createLocalVue();
+
+describe('TableCellCount.vue', () => {
+  const wrapper = mount(TableCellCount, {
+    localVue,
+    propsData: {
+      filteredItemsCount: 5,
+      totalNumberOfCells: 100,
+    },
+    mocks: {
+      $t: (key) => key,
+    },
+  });
+  it('should exist', () => {
+    expect(wrapper.exists()).toBe(true);
+  });
+  it('should render filtered and totalnumber of items', () => {
+    expect(wrapper.text()).toContain('global.table.selectedItems');
+  });
+  it('should render only totalnumber of items', async () => {
+    await wrapper.setProps({ filteredItemsCount: 5, totalNumberOfCells: 5 });
+    expect(wrapper.text()).toContain('global.table.items');
+  });
+  it('should render correctly', () => {
+    expect(wrapper.element).toMatchSnapshot();
+  });
+});
diff --git a/tests/unit/Global/__snapshots__/TableCellCount.spec.js.snap b/tests/unit/Global/__snapshots__/TableCellCount.spec.js.snap
new file mode 100644
index 00000000..2906cb82
--- /dev/null
+++ b/tests/unit/Global/__snapshots__/TableCellCount.spec.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TableCellCount.vue should render correctly 1`] = `
+<div
+  class="mt-2"
+>
+  <p>
+    global.table.items
+  </p>
+</div>
+`;
-- 
cgit v1.2.3