Add unit tests for etcd banner fix (#10692)

* Add unit tests for etcd banner fix

* Fix lint issues

shell/components/__tests__/EtcdInfoBanner.test.ts

@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import EtcdInfoBanner from '../EtcdInfoBanner.vue';
+import { cleanHtmlDirective } from '@shell/plugins/clean-html-directive';
+import { CATALOG } from '@shell/config/types';
+
+describe('component: EtcdInfoBanner', () => {
+  it('should perform fetch correctly', async() => {
+    const mockCanList = jest.fn((resource: string) => true);
+    const mockDispatch = jest.fn((resource: string, param: any) => ({ data: { result: [] } }));
+
+    const wrapper = mount(
+      EtcdInfoBanner,
+      {
+        directives: { cleanHtmlDirective },
+        mocks:      {
+          $store: {
+            getters: {
+              'i18n/t':          () => 'Test',
+              currentProduct:    { inStore: 'cluster' },
+              'cluster/canList': mockCanList,
+              currentCluster:    { id: 'local' },
+            },
+            dispatch: mockDispatch,
+          },
+          $fetchState: { pending: false }
+        }
+      });
+
+    await (EtcdInfoBanner as any).fetch.call(wrapper.vm);
+
+    // canList should have been called once
+    expect(mockCanList.mock.calls).toHaveLength(1);
+    expect(mockCanList.mock.calls[0][0]).toBe(CATALOG.APP);
+
+    // check that the if in the find method worked correctly
+    expect(mockDispatch.mock.calls).toHaveLength(4);
+    expect(mockDispatch.mock.calls[0][0]).toBe('cluster/find');
+  });
+});