32101 - Small fix for BCOL validation (#3607)

Author: seeker25

auth-web/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.10.42",
+  "version": "2.10.43",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,

auth-web/package.json

@@ -468,10 +468,10 @@ export default defineComponent({
             case 409:
             case 400:
               state.errorText = `${formatText(normalized.code)}<br>` +
-                  `${formatText(normalized.detail) || ''}`.trim()
+                  `${formatText(normalized.message?.detail) || ''}`.trim()
 
-              state.errorTitle = formatText(normalized.title) ||
-                  formatText(normalized.message) ||
+              state.errorTitle = formatText(normalized.message?.title) ||
+                  formatText(normalized.message?.detail) ||
                   'Error'
               break
             default:

auth-web/src/components/auth/account-settings/payment/AccountPaymentMethods.vue

@@ -1,10 +1,16 @@
+import { LoginSource, PaymentTypes } from '@/util/constants'
 import { createLocalVue, shallowMount } from '@vue/test-utils'
 import { useBusinessStore, useOrgStore, useUserStore } from '@/stores'
 import AccountPaymentMethods from '@/components/auth/account-settings/payment/AccountPaymentMethods.vue'
-import { LoginSource } from '@/util/constants'
 import VueRouter from 'vue-router'
 import Vuetify from 'vuetify'
 
+vi.mock('@/composables/product-payment-factory', () => ({
+  useProductPayment: () => ({
+    hasProductOrPaymentBackendChanges: vi.fn().mockResolvedValue(false)
+  })
+}))
+
 const vuetify = new Vuetify({})
 
 vi.mock('../../../src/services/user.services')
@@ -77,4 +83,42 @@ describe('AccountPaymentMethods.vue', () => {
   it('renders the components properly and address is being shown', () => {
     expect(wrapper.findComponent(AccountPaymentMethods).exists()).toBe(true)
   })
+
+  const bcolErrorFields = {
+    code: 'BCOL API Error',
+    detail: null,
+    message: {
+      detail: 'Invalid User ID or Password',
+      title: 'Invalid Credentials',
+      type: 'INVALID_CREDENTIALS'
+    }
+  }
+
+  async function saveWithMockError (errorData: object) {
+    const orgStore = useOrgStore()
+    orgStore.updateOrg = vi.fn().mockRejectedValue({
+      response: { status: 400, data: errorData }
+    })
+    wrapper.vm.selectedPaymentMethod = PaymentTypes.CREDIT_CARD
+    wrapper.vm.isBtnSaved = false
+    wrapper.vm.$refs.errorDialog = { open: vi.fn(), close: vi.fn() }
+    await wrapper.vm.save()
+  }
+
+  it('sets errorText and errorTitle correctly for a 400 BCOL error response', async () => {
+    await saveWithMockError(bcolErrorFields)
+
+    expect(wrapper.vm.errorTitle).toBe('Invalid Credentials')
+    expect(wrapper.vm.errorText).toBe('BCOL API Error<br>Invalid User ID or Password')
+  })
+
+  it('sets errorText and errorTitle correctly for a 400 BCOL error with rootCause', async () => {
+    await saveWithMockError({
+      errorMessage: 'API backend third party service error.',
+      rootCause: bcolErrorFields
+    })
+
+    expect(wrapper.vm.errorTitle).toBe('Invalid Credentials')
+    expect(wrapper.vm.errorText).toBe('BCOL API Error<br>Invalid User ID or Password')
+  })
 })