1 files changed, 34 insertions, 0 deletions
diff --git a/spec/frontend/kubernetes_dashboard/components/workload_details_item_spec.js b/spec/frontend/kubernetes_dashboard/components/workload_details_item_spec.js
new file mode 100644
index 00000000000..72af25e72e5
--- /dev/null
+++ b/spec/frontend/kubernetes_dashboard/components/workload_details_item_spec.js
@@ -0,0 +1,34 @@
+import { shallowMount } from '@vue/test-utils';
+import WorkloadDetailsItem from '~/kubernetes_dashboard/components/workload_details_item.vue';
+
+let wrapper;
+
+const propsData = {
+  label: 'name',
+};
+const slots = {
+  default: '<b>slot value</b>',
+};
+
+const createWrapper = () => {
+  wrapper = shallowMount(WorkloadDetailsItem, {
+    propsData,
+    slots,
+  });
+};
+
+const findLabel = () => wrapper.findComponent('label');
+
+describe('Workload details item component', () => {
+  beforeEach(() => {
+    createWrapper();
+  });
+
+  it('renders the correct label', () => {
+    expect(findLabel().text()).toBe(propsData.label);
+  });
+
+  it('renders slot content', () => {
+    expect(wrapper.html()).toContain(slots.default);
+  });
+});