Fix vitests for FormEventStreamSettings.

Add tests for accountName/enabled.
Fix tests to ensure no hidden errors writing to stderr.

Signed-off-by: Jason Sherman <[email protected]>

Author: usingtechnology

app/frontend/src/components/designer/settings/FormEventStreamSettings.vue

@@ -206,7 +206,7 @@ defineExpose({
       </v-col>
     </v-row>
     <v-container v-if="form.eventStreamConfig.enabled">
-      <v-row class="pl-6 m-0">
+      <v-row class="pl-6 m-0" data-cy="enablePublicStreamRow">
         <v-col cols="12" md="6" class="pl-0 pr-0 pb-0">
           <v-checkbox
             v-model="form.eventStreamConfig.enablePublicStream"
@@ -224,7 +224,7 @@ defineExpose({
           </v-checkbox>
         </v-col>
       </v-row>
-      <v-row class="pl-6 m-0">
+      <v-row class="pl-6 m-0" data-cy="enablePrivateStreamRow">
         <v-col cols="12" md="6" class="pl-0 pr-0 pb-0">
           <v-checkbox
             v-model="form.eventStreamConfig.enablePrivateStream"

app/frontend/tests/unit/components/designer/settings/FormEventStreamSettings.spec.js

@@ -1,23 +1,44 @@
 import { createTestingPinia } from '@pinia/testing';
 import { mount } from '@vue/test-utils';
 import { setActivePinia } from 'pinia';
-import { beforeEach, describe, expect, it } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { ref } from 'vue';
 
 import { useAppStore } from '~/store/app';
 import { useFormStore } from '~/store/form';
 import FormEventStreamSettings from '~/components/designer/settings/FormEventStreamSettings.vue';
+import { encryptionKeyService } from '~/services';
+
+const STUBS = {
+  BasePanel: {
+    name: 'BasePanel',
+    template: '<div class="base-panel-stub"><slot /></div>',
+  },
+  BaseCopyToClipboard: {
+    name: 'BaseCopyToClipboard',
+    template: '<div class="base-copy-to-clipboard-stub"><slot /></div>',
+  },
+};
 
 describe('FormEventStreamSettings.vue', () => {
   const pinia = createTestingPinia();
   setActivePinia(pinia);
 
   const formStore = useFormStore(pinia);
   const appStore = useAppStore(pinia);
+  const listEncryptionAlgorithmsSpy = vi.spyOn(
+    encryptionKeyService,
+    'listEncryptionAlgorithms'
+  );
 
   beforeEach(() => {
     appStore.$reset();
     formStore.$reset();
+    listEncryptionAlgorithmsSpy.mockReset();
+    listEncryptionAlgorithmsSpy.mockImplementation(() => ({ data: [] }));
+  });
+  afterAll(() => {
+    listEncryptionAlgorithmsSpy.mockRestore();
   });
 
   it('renders eventStreamService configuration', async () => {
@@ -32,12 +53,7 @@ describe('FormEventStreamSettings.vue', () => {
     const wrapper = mount(FormEventStreamSettings, {
       global: {
         plugins: [pinia],
-        stubs: {
-          BasePanel: {
-            name: 'BasePanel',
-            template: '<div class="base-panel-stub"><slot /></div>',
-          },
-        },
+        stubs: STUBS,
       },
     });
     expect(wrapper.find('[data-test="consumerservers"]').text()).toContain(
@@ -61,12 +77,7 @@ describe('FormEventStreamSettings.vue', () => {
     const wrapper = mount(FormEventStreamSettings, {
       global: {
         plugins: [pinia],
-        stubs: {
-          BasePanel: {
-            name: 'BasePanel',
-            template: '<div class="base-panel-stub"><slot /></div>',
-          },
-        },
+        stubs: STUBS,
       },
     });
 
@@ -88,12 +99,7 @@ describe('FormEventStreamSettings.vue', () => {
     const wrapper = mount(FormEventStreamSettings, {
       global: {
         plugins: [pinia],
-        stubs: {
-          BasePanel: {
-            name: 'BasePanel',
-            template: '<div class="base-panel-stub"><slot /></div>',
-          },
-        },
+        stubs: STUBS,
       },
     });
 
@@ -117,12 +123,7 @@ describe('FormEventStreamSettings.vue', () => {
     const wrapper = mount(FormEventStreamSettings, {
       global: {
         plugins: [pinia],
-        stubs: {
-          BasePanel: {
-            name: 'BasePanel',
-            template: '<div class="base-panel-stub"><slot /></div>',
-          },
-        },
+        stubs: STUBS,
       },
     });
 
@@ -152,4 +153,58 @@ describe('FormEventStreamSettings.vue', () => {
 
     expect(wrapper.vm.encryptionKeyRules[0]('aes-256-gcm')).toEqual(true); // some value should pass
   });
+
+  it('hides stream config when not enabled', async () => {
+    formStore.form = ref({
+      eventStreamConfig: {
+        enablePublicStream: false,
+        enablePrivateStream: true,
+        encryptionKey: {
+          algorithm: null,
+          key: null,
+        },
+        accountName: null,
+        enabled: false,
+      },
+    });
+
+    const wrapper = mount(FormEventStreamSettings, {
+      global: {
+        plugins: [pinia],
+        stubs: STUBS,
+      },
+    });
+
+    const row1 = wrapper.find('[data-cy="enablePublicStreamRow"]');
+    expect(row1.exists()).toBeFalsy();
+    const row2 = wrapper.find('[data-cy="enablePrivateStreamRow"]');
+    expect(row2.exists()).toBeFalsy();
+  });
+
+  it('shows stream config when enabled', async () => {
+    formStore.form = ref({
+      eventStreamConfig: {
+        enablePublicStream: false,
+        enablePrivateStream: true,
+        encryptionKey: {
+          algorithm: null,
+          key: null,
+        },
+        accountName: 'testaccount', //accountName required to become enabled
+        enabled: true,
+      },
+    });
+
+    const wrapper = mount(FormEventStreamSettings, {
+      global: {
+        plugins: [pinia],
+        stubs: STUBS,
+      },
+    });
+
+    const row1 = wrapper.find('[data-cy="enablePublicStreamRow"]');
+    expect(row1.exists()).toBeTruthy();
+    const row2 = wrapper.find('[data-cy="enablePrivateStreamRow"]');
+    expect(row2.exists()).toBeTruthy();
+  });
 });