Create DAST index page emoty tabs

This creates the primary tabs for the DAST index page. All tabs will be
empty at first, only displaying an empty state and a 0 counter badge.

ee/spec/frontend/on_demand_scans/components/tabs/finished_spec.js

+import { shallowMount } from '@vue/test-utils';
+import FinishedTab from 'ee/on_demand_scans/components/tabs/finished.vue';
+import BaseTab from 'ee/on_demand_scans/components/tabs/base_tab.vue';
+
+describe('FinishedTab', () => {
+  let wrapper;
+
+  // Finders
+  const findBaseTab = () => wrapper.findComponent(BaseTab);
+
+  const createComponent = (propsData) => {
+    wrapper = shallowMount(FinishedTab, {
+      propsData,
+    });
+  };
+
+  beforeEach(() => {
+    createComponent({
+      itemCount: 12,
+    });
+  });
+
+  it('renders the base tab with the correct props', () => {
+    expect(findBaseTab().props('title')).toBe('Finished');
+    expect(findBaseTab().props('itemCount')).toBe(12);
+    expect(findBaseTab().props('emptyStateTitle')).toBe(wrapper.vm.$options.i18n.emptyStateTitle);
+    expect(findBaseTab().props('emptyStateText')).toBe(wrapper.vm.$options.i18n.emptyStateText);
+  });
+});

ee/spec/frontend/on_demand_scans/components/tabs/running_spec.js

+import { shallowMount } from '@vue/test-utils';
+import RunningTab from 'ee/on_demand_scans/components/tabs/running.vue';
+import BaseTab from 'ee/on_demand_scans/components/tabs/base_tab.vue';
+
+describe('RunningTab', () => {
+  let wrapper;
+
+  // Finders
+  const findBaseTab = () => wrapper.findComponent(BaseTab);
+
+  const createComponent = (propsData) => {
+    wrapper = shallowMount(RunningTab, {
+      propsData,
+    });
+  };
+
+  beforeEach(() => {
+    createComponent({
+      itemCount: 12,
+    });
+  });
+
+  it('renders the base tab with the correct props', () => {
+    expect(findBaseTab().props('title')).toBe('Running');
+    expect(findBaseTab().props('itemCount')).toBe(12);
+    expect(findBaseTab().props('emptyStateTitle')).toBe(wrapper.vm.$options.i18n.emptyStateTitle);
+    expect(findBaseTab().props('emptyStateText')).toBe(wrapper.vm.$options.i18n.emptyStateText);
+  });
+});

ee/spec/frontend/on_demand_scans/components/tabs/scheduled_spec.js

+import { shallowMount } from '@vue/test-utils';
+import ScheduledTab from 'ee/on_demand_scans/components/tabs/scheduled.vue';
+import BaseTab from 'ee/on_demand_scans/components/tabs/base_tab.vue';
+
+describe('ScheduledTab', () => {
+  let wrapper;
+
+  // Finders
+  const findBaseTab = () => wrapper.findComponent(BaseTab);
+
+  const createComponent = (propsData) => {
+    wrapper = shallowMount(ScheduledTab, {
+      propsData,
+    });
+  };
+
+  beforeEach(() => {
+    createComponent({
+      itemCount: 12,
+    });
+  });
+
+  it('renders the base tab with the correct props', () => {
+    expect(findBaseTab().props('title')).toBe('Scheduled');
+    expect(findBaseTab().props('itemCount')).toBe(12);
+    expect(findBaseTab().props('emptyStateTitle')).toBe(wrapper.vm.$options.i18n.emptyStateTitle);
+    expect(findBaseTab().props('emptyStateText')).toBe(wrapper.vm.$options.i18n.emptyStateText);
+  });
+});