@rancher/shell 0.5.3 → 2.0.0

package/edit/logging.banzaicloud.io.output/__tests__/logging.banzaicloud.io.output.test.ts

@@ -1,6 +1,109 @@
 import { mount } from '@vue/test-utils';
 import Banzai from '@shell/edit/logging.banzaicloud.io.output/index.vue';
 
+const outputSchema = {
+  id:    'logging.banzaicloud.io.output',
+  type:  'schema',
+  links: {
+    collection: 'https://localhost:8005/v1/logging.banzaicloud.io.outputs',
+    self:       'https://localhost:8005/v1/schemas/logging.banzaicloud.io.output'
+  },
+  pluralName:      'logging.banzaicloud.io.outputs',
+  resourceMethods: [
+    'GET',
+    'DELETE',
+    'PUT',
+    'PATCH'
+  ],
+  _resourceFields:        null,
+  requiresResourceFields: true,
+  collectionMethods:      [
+    'GET',
+    'POST'
+  ],
+  attributes: {
+    columns: [
+      {
+        name:  'Active',
+        field: '.status.active',
+        type:  'boolean'
+      },
+      {
+        name:  'Problems',
+        field: '.status.problemsCount',
+        type:  'integer'
+      }
+    ],
+    group:      'logging.banzaicloud.io',
+    kind:       'Output',
+    namespaced: true,
+    resource:   'outputs',
+    verbs:      [
+      'delete',
+      'deletecollection',
+      'get',
+      'list',
+      'patch',
+      'create',
+      'update',
+      'watch'
+    ],
+    version: 'v1beta1'
+  },
+  _id:                   'logging.banzaicloud.io.output',
+  _group:                'logging.banzaicloud.io',
+  store:                 'cluster',
+  _schemaDefinitionsIds: {
+    self:   'io.banzaicloud.logging.v1beta1.Output',
+    others: [
+      'io.banzaicloud.logging.v1beta1.Output.spec',
+      'io.banzaicloud.logging.v1beta1.Output.spec.awsElasticsearch.buffer'
+    ]
+  },
+  schemaDefinitions: {
+    'io.banzaicloud.logging.v1beta1.Output.spec.awsElasticsearch.buffer': {
+      resourceFields: {
+        chunk_full_threshold:           { type: 'string' },
+        chunk_limit_records:            { type: 'int' },
+        chunk_limit_size:               { type: 'string' },
+        compress:                       { type: 'string' },
+        delayed_commit_timeout:         { type: 'string' },
+        disable_chunk_backup:           { type: 'boolean' },
+        disabled:                       { type: 'boolean' },
+        flush_at_shutdown:              { type: 'boolean' },
+        flush_interval:                 { type: 'string' },
+        flush_mode:                     { type: 'string' },
+        flush_thread_burst_interval:    { type: 'string' },
+        flush_thread_count:             { type: 'int' },
+        flush_thread_interval:          { type: 'string' },
+        overflow_action:                { type: 'string' },
+        path:                           { type: 'string' },
+        queue_limit_length:             { type: 'int' },
+        queued_chunks_limit_size:       { type: 'int' },
+        retry_exponential_backoff_base: { type: 'string' },
+        retry_forever:                  { type: 'boolean' },
+        retry_max_interval:             { type: 'string' },
+        retry_max_times:                { type: 'int' },
+        retry_randomize:                { type: 'boolean' },
+        retry_secondary_threshold:      { type: 'string' },
+        retry_timeout:                  { type: 'string' },
+        retry_type:                     { type: 'string' },
+        retry_wait:                     { type: 'string' },
+        tags:                           { type: 'string' },
+        timekey:                        { type: 'string' },
+        timekey_use_utc:                { type: 'boolean' },
+        timekey_wait:                   { type: 'string' },
+        timekey_zone:                   { type: 'string' },
+        total_limit_size:               { type: 'string' },
+        type:                           { type: 'string' }
+      },
+      type:        'io.banzaicloud.logging.v1beta1.Output.spec.awsElasticsearch.buffer',
+      description: ''
+    }
+  },
+  fetchResourceFields: async() => jest.fn()
+};
+
 describe('view: logging.banzaicloud.io.output', () => {
   it.each([
     ['http://localhost:3100', []],
@@ -15,8 +118,10 @@ describe('view: logging.banzaicloud.io.output', () => {
         }
       },
       mocks: {
-        $store: {
-          getters: {
+        $fetchState: { pending: false },
+        $store:      {
+          dispatch: jest.fn(),
+          getters:  {
             currentStore:              () => 'current_store',
             'management/schemaFor':    jest.fn(),
             'current_store/all':       jest.fn(),
@@ -40,4 +145,129 @@ describe('view: logging.banzaicloud.io.output', () => {
 
     expect((wrapper.vm as any).errors).toStrictEqual(expectation);
   });
+
+  it('should load the default YAML data for output buffer config (from schema) in a CREATE scenario', async() => {
+    const wrapper = mount(Banzai, {
+      data:      () => ({ selectedProvider: 'awsElasticsearch' }),
+      propsData: {
+        value: {
+          save: jest.fn(),
+          spec: {}
+        }
+      },
+      mocks: {
+        $fetchState: { pending: false },
+        $store:      {
+          dispatch(arg: any) {
+            if (arg === 'cluster/find') {
+              return outputSchema;
+            }
+
+            return jest.fn();
+          },
+          getters: {
+            currentStore:              () => 'current_store',
+            'management/schemaFor':    jest.fn(),
+            'current_store/all':       jest.fn(),
+            'current_store/schemaFor': jest.fn(),
+            'cluster/all':             () => [outputSchema],
+            'cluster/byId':            () => outputSchema,
+            'type-map/isSpoofed':      jest.fn(),
+            'i18n/t':                  jest.fn().mockImplementation((key: string) => key),
+            namespaces:                () => ({}),
+          }
+        },
+        $route: {
+          name:  'whatever',
+          query: { AS: '' }
+        },
+        $router: { replace: jest.fn() },
+      }
+    });
+
+    // call async fetch - needed for test assertion
+    await Banzai.fetch.call(wrapper.vm);
+
+    const yaml = `#chunk_limit_records: int
+#chunk_limit_size: string
+#compress: string
+#delayed_commit_timeout: string
+#disable_chunk_backup: boolean
+#disabled: boolean
+#flush_at_shutdown: boolean
+#flush_interval: string
+#flush_mode: string
+#flush_thread_burst_interval: string
+#flush_thread_count: int
+#flush_thread_interval: string
+#overflow_action: string
+#path: string
+#queue_limit_length: int
+#queued_chunks_limit_size: int
+#retry_exponential_backoff_base: string
+#retry_forever: boolean
+#retry_max_interval: string
+#retry_max_times: int
+#retry_randomize: boolean
+#retry_secondary_threshold: string
+#retry_timeout: string
+#retry_type: string
+#retry_wait: string
+#tags: string
+#timekey: string
+#timekey_use_utc: boolean
+#timekey_wait: string
+#timekey_zone: string
+#total_limit_size: string
+#type: string`;
+
+    expect(wrapper.vm.initialBufferYaml).toStrictEqual(yaml);
+    expect(wrapper.vm.bufferYaml).toStrictEqual(yaml);
+  });
+
+  it('should load current output buffer config in an EDIT scenario', async() => {
+    const wrapper = mount(Banzai, {
+      data:      () => ({ selectedProvider: 'awsElasticsearch' }),
+      propsData: {
+        value: {
+          save: jest.fn(),
+          spec: { awsElasticsearch: { buffer: '#chunk_limit_records: int' } }
+        }
+      },
+      mocks: {
+        $fetchState: { pending: false },
+        $store:      {
+          dispatch(arg: any) {
+            if (arg === 'cluster/find') {
+              return outputSchema;
+            }
+
+            return jest.fn();
+          },
+          getters: {
+            currentStore:              () => 'current_store',
+            'management/schemaFor':    jest.fn(),
+            'current_store/all':       jest.fn(),
+            'current_store/schemaFor': jest.fn(),
+            'cluster/all':             jest.fn(),
+            'cluster/byId':            () => outputSchema,
+            'type-map/isSpoofed':      jest.fn(),
+            'i18n/t':                  jest.fn().mockImplementation((key: string) => key),
+            namespaces:                () => ({}),
+          }
+        },
+        $route: {
+          name:  'whatever',
+          query: { AS: '' }
+        },
+        $router: { replace: jest.fn() },
+      }
+    });
+
+    // call async fetch - needed for test assertion
+    await Banzai.fetch.call(wrapper.vm);
+
+    expect(wrapper.vm.initialBufferYaml).toContain('#chunk_limit_records: int');
+    expect(wrapper.vm.bufferYaml).toContain('#chunk_limit_records: int');
+  });
 });

package/edit/logging.banzaicloud.io.output/index.vue

@@ -1,6 +1,7 @@
 <script>
 import CreateEditView from '@shell/mixins/create-edit-view';
-import { SECRET, LOGGING, SCHEMA } from '@shell/config/types';
+import Loading from '@shell/components/Loading';
+import { LOGGING, SCHEMA } from '@shell/config/types';
 import Tabbed from '@shell/components/Tabbed';
 import Tab from '@shell/components/Tabbed/Tab';
 import CruResource from '@shell/components/CruResource';
@@ -19,18 +20,45 @@ import YamlEditor, { EDITOR_MODES } from '@shell/components/YamlEditor';
 
 export default {
   components: {
-    Banner, CruResource, Labels, LabeledSelect, NameNsDescription, Tab, Tabbed, YamlEditor
-  },
+    Banner, CruResource, Labels, LabeledSelect, NameNsDescription, Tab, Tabbed, YamlEditor, Loading
+  }, //
 
   mixins: [CreateEditView],
 
   async fetch() {
-    await this.$store.dispatch('cluster/findAll', { type: SECRET });
+    const schemas = this.$store.getters['cluster/all'](SCHEMA);
+    const resourceSchema = this.$store.getters['cluster/byId'](SCHEMA, LOGGING.OUTPUT);
+    const schemaDefinition = await resourceSchema.fetchResourceFields();
+
+    let bufferYaml = '';
+
+    if ( !isEmpty(this.value.spec[this.selectedProvider]?.buffer) ) {
+      bufferYaml = jsyaml.dump(this.value.spec[this.selectedProvider].buffer);
+    } else if (schemaDefinition) {
+      bufferYaml = createYaml(
+        schemas,
+        `io.banzaicloud.logging.v1beta1.Output.spec.${ this.selectedProvider }.buffer`,
+        {},
+        true,
+        1,
+        '',
+        LOGGING.OUTPUT
+      );
+
+      // createYaml doesn't support passing reference types (array, map) as the first type. As such
+      // I'm manipulating the output since I'm not sure it's something we want to actually support
+      // seeing as it's really createResourceYaml and this here is a gray area between spoofed types
+      // and just a field within a spec.
+      bufferYaml = bufferYaml.substring(bufferYaml.indexOf('\n') + 1).replace(/# {2}/g, '#');
+    }
+
+    if (bufferYaml.length) {
+      this.bufferYaml = bufferYaml;
+      this.initialBufferYaml = bufferYaml;
+    }
   },
 
   data() {
-    const schemas = this.$store.getters['cluster/all'](SCHEMA);
-
     if (this.isCreate) {
       this.value.metadata.namespace = 'default';
     }
@@ -44,8 +72,6 @@ export default {
     }));
 
     if (this.mode !== _VIEW) {
-      this.$set(this.value, 'spec', this.value.spec || {});
-
       providers.forEach((provider) => {
         this.$set(this.value.spec, provider.name, this.value.spec[provider.name] || clone(provider.default));
       });
@@ -58,28 +84,15 @@ export default {
       return !isEmpty(correctedSpecProvider) && !isEqual(correctedSpecProvider, provider.default);
     });
 
-    const selectedProvider = selectedProviders?.[0]?.value || providers[0].value;
-
-    let bufferYaml;
+    const hasMultipleProvidersSelected = selectedProviders?.length > 1;
 
-    if ( !isEmpty(this.value.spec[selectedProvider]?.buffer) ) {
-      bufferYaml = jsyaml.dump(this.value.spec[selectedProvider].buffer);
-    } else {
-      bufferYaml = createYaml(schemas, `logging.banzaicloud.io.v1beta1.output.spec.${ selectedProvider }.buffer`, []);
-      // createYaml doesn't support passing reference types (array, map) as the first type. As such
-      // I'm manipulating the output since I'm not sure it's something we want to actually support
-      // seeing as it's really createResourceYaml and this here is a gray area between spoofed types
-      // and just a field within a spec.
-      bufferYaml = bufferYaml.substring(bufferYaml.indexOf('\n') + 1).replace(/# {2}/g, '#');
-    }
+    const selectedProvider = selectedProviders?.[0]?.value || providers[0].value;
 
     return {
-      bufferYaml,
-      initialBufferYaml:            bufferYaml,
+      bufferYaml: '',
       providers,
       selectedProvider,
-      hasMultipleProvidersSelected: selectedProviders?.length > 1,
-      selectedProviders,
+      hasMultipleProvidersSelected,
       LOGGING
     };
   },
@@ -157,7 +170,11 @@ export default {
 </script>
 
 <template>
-  <div class="output">
+  <Loading v-if="$fetchState.pending" />
+  <div
+    v-else
+    class="output"
+  >
     <CruResource
       :done-route="doneRoute"
       :mode="cruMode"

package/edit/management.cattle.io.podsecurityadmissionconfigurationtemplate.vue

@@ -1,15 +1,15 @@
 <script lang="ts">
-import Vue, { PropType, VueConstructor } from 'vue';
+import { PropType, defineComponent } from 'vue';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import CruResource from '@shell/components/CruResource.vue';
 import PodSecurityAdmission from '@shell/components/PodSecurityAdmission.vue';
 import Loading from '@shell/components/Loading.vue';
 import NameNsDescription from '@shell/components/form/NameNsDescription.vue';
-import { PSA, PSAConfig, PSADefaults, PSAExemptions } from '@shell/types/pod-security-admission';
+import { PSA, PSAConfig, PSADefaults, PSAExemptions } from '@shell/types/resources/pod-security-admission';
 import { PSADimensions } from '@shell/config/pod-security-admission';
 import { MANAGEMENT } from '@shell/config/types';
 
-export default (Vue as VueConstructor<Vue & InstanceType<typeof CreateEditView>>).extend({
+export default defineComponent({
   mixins:     [CreateEditView],
   components: {
     CruResource,

package/edit/management.cattle.io.project.vue

@@ -103,8 +103,9 @@ export default {
   methods: {
     async save(saveCb) {
       try {
-        // clear up of the unused resourceQuotas will now be done on the model side
+        this.errors = [];
 
+        // clear up of the unused resourceQuotas will now be done on the model side
         if (this.mode === _CREATE) {
           const savedProject = await this.value.save();
 

package/edit/management.cattle.io.setting.vue

@@ -43,6 +43,7 @@ export default {
   created() {
     this.value.value = this.value.value || this.value.default;
     this.enumOptions = this.setting?.kind === 'enum' ? this.setting.options.map((id) => ({
+      // i18n-uses advancedSettings.enum.*
       label: `advancedSettings.enum.${ this.value.id }.${ id }`,
       value: id,
     })) : [];
@@ -51,6 +52,12 @@ export default {
       path:  'value',
       rules: this.setting.ruleSet.map(({ name }) => name)
     }] : [];
+
+    // Don't allow the user to reset the server URL if there is no default
+    // helps to ensure that a value is always set
+    if (isServerUrl(this.value.id) && !this.value.default) {
+      this.canReset = false;
+    }
   },
 
   computed: {
@@ -72,6 +79,10 @@ export default {
       return isServerUrl(this.value.id) && isLocalhost(this.value.value);
     },
 
+    showWarningBanner() {
+      return this.setting?.warning;
+    },
+
     validationPassed() {
       return this.fvFormIsValid && this.fvGetPathErrors(['value']).length === 0;
     }
@@ -134,6 +145,13 @@ export default {
     @finish="saveSettings"
     @cancel="done"
   >
+    <Banner
+      v-if="showWarningBanner"
+      color="warning"
+      :label="t(`advancedSettings.warnings.${ setting.warning }`)"
+      data-testid="advanced_settings_warning_banner"
+    />
+
     <h4>{{ description }}</h4>
 
     <h5
@@ -159,6 +177,7 @@ export default {
       v-if="showLocalhostWarning"
       color="warning"
       :label="t('validation.setting.serverUrl.localhost')"
+      data-testid="setting-serverurl-localhost-warning"
     />
 
     <Banner
@@ -166,6 +185,7 @@ export default {
       :key="i"
       color="error"
       :label="err"
+      data-testid="setting-error-banner"
     />
 
     <div class="mt-20">

package/edit/management.cattle.io.user.vue

@@ -8,6 +8,7 @@ import CruResource from '@shell/components/CruResource';
 import { exceptionToErrorsArray } from '@shell/utils/error';
 import { _CREATE, _EDIT } from '@shell/config/query-params';
 import Loading from '@shell/components/Loading';
+import { wait } from '@shell/utils/async';
 
 export default {
   components: {
@@ -159,7 +160,7 @@ export default {
         // - Fetching the norman user again sometimes shows the correct value, sometimes not
         // - Even if the fetched norman user shows the correct value, it doesn't show up in the steve user
         //   - Looks like we re-request the stale version via socket?
-        await new Promise((resolve) => setTimeout(resolve, 5000));
+        await wait(5000);
       }
 
       // Save user updates

package/edit/monitoring.coreos.com.alertmanagerconfig/index.vue

@@ -13,6 +13,7 @@ import RouteConfig from './routeConfig';
 import ResourceTable from '@shell/components/ResourceTable';
 import ActionMenu from '@shell/components/ActionMenu';
 import { _CREATE, _EDIT, _VIEW, _CONFIG } from '@shell/config/query-params';
+import { fetchAlertManagerConfigSpecs } from '@shell/utils/alertmanagerconfig';
 
 export default {
   components: {
@@ -32,11 +33,16 @@ export default {
     const inStore = this.$store.getters['currentProduct'].inStore;
     const alertmanagerConfigId = this.value.id;
 
+    const { receiverSchema, routeSchema } = await fetchAlertManagerConfigSpecs(this.$store);
+
+    this.receiverSchema = receiverSchema;
+    this.routeSchema = routeSchema;
+
     const alertmanagerConfigResource = await this.$store.dispatch(`${ inStore }/find`, { type: MONITORING.ALERTMANAGERCONFIG, id: alertmanagerConfigId });
 
     this.alertmanagerConfigId = alertmanagerConfigId;
     this.alertmanagerConfigResource = alertmanagerConfigResource;
-    this.alertmanagerConfigDetailRoute = alertmanagerConfigResource._detailLocation;
+    this.alertmanagerConfigDetailRoute = alertmanagerConfigResource?._detailLocation;
 
     const alertmanagerConfigActions = alertmanagerConfigResource.availableActions;
     const receiverActions = alertmanagerConfigResource.getReceiverActions(alertmanagerConfigActions);
@@ -48,8 +54,6 @@ export default {
     this.value.applyDefaults();
 
     const defaultReceiverValues = {};
-    const receiverSchema = this.$store.getters['cluster/schemaFor'](MONITORING.SPOOFED.ALERTMANAGERCONFIG_RECEIVER_SPEC);
-    const routeSchema = this.$store.getters['cluster/schemaFor'](MONITORING.SPOOFED.ALERTMANAGERCONFIG_ROUTE_SPEC);
     const receiverOptions = (this.value?.spec?.receivers || []).map((receiver) => receiver.name);
 
     return {
@@ -82,8 +86,6 @@ export default {
       receiverActions:      [],
       receiverOptions,
       receiverTypes:        RECEIVERS_TYPES,
-      routeSchema,
-      receiverSchema,
       selectedReceiverName: '',
       selectedRowValue:     null,
       view:                 _VIEW,
@@ -224,7 +226,7 @@ export default {
           @clickedActionButton="setActionMenuState"
         >
           <template #header-button>
-            <nuxt-link
+            <router-link
               v-if="createReceiverLink && createReceiverLink.name"
               :to="mode !== create ? createReceiverLink : {}"
             >
@@ -232,6 +234,7 @@ export default {
                 class="btn role-primary"
                 :disabled="mode === create"
                 :tooltip="t('monitoring.alertmanagerConfig.disabledReceiverButton')"
+                data-testid="v2-monitoring-add-receiver"
               >
                 {{ t('monitoring.receiver.addReceiver') }}
                 <i
@@ -240,7 +243,7 @@ export default {
                   class="icon icon-info"
                 />
               </button>
-            </nuxt-link>
+            </router-link>
           </template>
         </ResourceTable>
       </Tab>

package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue

@@ -1,5 +1,4 @@
 <script>
-import { MONITORING } from '@shell/config/types';
 import ArrayListGrouped from '@shell/components/form/ArrayListGrouped';
 import Loading from '@shell/components/Loading';
 import { Banner } from '@components/Banner';
@@ -13,7 +12,10 @@ import jsyaml from 'js-yaml';
 import ButtonDropdown from '@shell/components/ButtonDropdown';
 import { _CREATE, _VIEW } from '@shell/config/query-params';
 import FormValidation from '@shell/mixins/form-validation';
+import { fetchAlertManagerConfigSpecs } from '@shell/utils/alertmanagerconfig';
 
+// i18n-uses monitoringReceiver.slack.*, monitoringReceiver.email.*, monitoringReceiver.pagerduty.*
+// i18n-uses monitoringReceiver.opsgenie.*, monitoringReceiver.webhook.*, monitoringReceiver.custom.*
 export const RECEIVERS_TYPES = [
   {
     name:  'slack',
@@ -103,16 +105,7 @@ export default {
 
   mixins: [CreateEditView, FormValidation],
 
-  data(props) {
-    const currentReceiver = {};
-    const mode = this.$route.query.mode;
-
-    if (mode === _CREATE) {
-      RECEIVERS_TYPES.forEach((receiverType) => {
-        this.$set(currentReceiver, receiverType.key, currentReceiver[receiverType.key] || []);
-      });
-    }
-
+  async fetch() {
     /**
      * example receiver value:
      * {
@@ -120,14 +113,13 @@ export default {
      *   slackConfigs: [...]
      * }
      */
-    const receiverSchema = this.$store.getters['cluster/schemaFor'](MONITORING.SPOOFED.ALERTMANAGERCONFIG_RECEIVER_SPEC);
+    const { receiverSchema } = await fetchAlertManagerConfigSpecs(this.$store);
 
     if (!receiverSchema) {
-      throw new Error("Can't render the form because the AlertmanagerConfig schema is not loaded yet.");
+      throw new Error("Can't render the form because the AlertmanagerConfig schema, or it's definitions, is not loaded yet.");
     }
 
     const expectedFields = Object.keys(receiverSchema.resourceFields);
-
     const suffix = {};
 
     Object.keys(this.value).forEach((key) => {
@@ -142,13 +134,25 @@ export default {
       suffixYaml = '';
     }
 
+    this.expectedFields = expectedFields;
+    this.suffixYaml = suffixYaml;
+  },
+
+  data(props) {
+    const currentReceiver = {};
+    const mode = this.$route.query.mode;
+
+    if (mode === _CREATE) {
+      RECEIVERS_TYPES.forEach((receiverType) => {
+        this.$set(currentReceiver, receiverType.key, currentReceiver[receiverType.key] || []);
+      });
+    }
+
     return {
       create:         _CREATE,
       EDITOR_MODES,
-      expectedFields,
       fileFound:      false,
       receiverTypes:  RECEIVERS_TYPES,
-      suffixYaml,
       view:           _VIEW,
       yamlError:      '',
       fvFormRuleSets: [
@@ -286,6 +290,7 @@ export default {
           :required="true"
           :mode="mode"
           :rules="fvGetAndReportPathRules('name')"
+          data-testid="v2-monitoring-receiver-name"
         />
       </div>
     </div>

package/edit/monitoring.coreos.com.alertmanagerconfig/types/pagerduty.vue

@@ -188,6 +188,7 @@ export default {
           :mode="mode"
           label="Proxy URL"
           placeholder="e.g. http://my-proxy/"
+          data-testid="v2-monitoring-receiver-pagerduty-proxy-url"
         />
       </div>
     </div>

package/edit/monitoring.coreos.com.prometheusrule/AlertingRule.vue

@@ -285,6 +285,7 @@ export default {
           :label="t('prometheusRule.alertingRules.name')"
           :required="true"
           :mode="mode"
+          data-testid="v2-monitoring-alerting-rules-alert-name"
         />
       </div>
       <div class="col span-6">
@@ -314,6 +315,7 @@ export default {
                 foldGutter: false,
                 readOnly: mode === 'view',
               }"
+              data-testid="v2-monitoring-alerting-rules-promql"
               @onInput="queueUpdate"
             />
           </template>
@@ -353,6 +355,7 @@ export default {
             :label="t('prometheusRule.alertingRules.labels.severity.choices.label')"
             :localized-label="false"
             :options="severityOptions"
+            data-testid="v2-monitoring-alerting-rules-severity"
           />
         </div>
       </div>

package/edit/monitoring.coreos.com.prometheusrule/GroupRules.vue

@@ -144,6 +144,7 @@ export default {
             :disabled="disableAddRecord"
             type="button"
             class="btn role-tertiary"
+            data-testid="v2-monitoring-add-record"
             @click="addRule('record')"
           >
             <t k="prometheusRule.recordingRules.addLabel" />
@@ -193,6 +194,7 @@ export default {
             :disabled="disableAddAlert"
             type="button"
             class="btn role-tertiary"
+            data-testid="v2-monitoring-add-alert"
             @click="addRule('alert')"
           >
             <t k="prometheusRule.alertingRules.addLabel" />