diff --git a/src/iss-components/cart-dropdown/cart-dropdown.spec.js b/src/iss-components/cart-dropdown/cart-dropdown.spec.js index ed5a994b..43a354d2 100644 --- a/src/iss-components/cart-dropdown/cart-dropdown.spec.js +++ b/src/iss-components/cart-dropdown/cart-dropdown.spec.js @@ -57,7 +57,11 @@ beforeEach(() => { describe('cart-dropdown component', () => { test('initial data rendered as expected', () => { // Arrange - const { wrapper } = getMountedComponent({}); + const { wrapper } = getMountedComponent({ + order: { + availableVaps: [] + } + }); // Assert expect(wrapper.vm.$data).toMatchSnapshot(); @@ -74,6 +78,30 @@ describe('cart-dropdown component', () => { // Assert expect(head.exists()).toBeTruthy(); }); + test('cart dropdown head is visible', () => { + // Arrange + const reference = '#cart-dropdown-head'; + const { wrapper } = getMountedComponent(cartDropdown, {}, { showDropdownHeader: true }); + + // Act + const head = wrapper.find(reference); + + // Assert + expect(head.exists()).toBeTruthy(); + expect(head.classes()).toContain('cart-toggle'); + }); + test('cart dropdown head is not visible', () => { + // Arrange + const reference = '#cart-dropdown-head'; + const { wrapper } = getMountedComponent(cartDropdown, {}, { showDropdownHeader: false }); + + // Act + const head = wrapper.find(reference); + + // Assert + expect(head.exists()).toBeTruthy(); + expect(head.classes()).not.toContain('cart-toggle'); + }); test('cart table', () => { // Arrange const reference = '#cart-table'; diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue index e7d1c7d7..494753d9 100644 --- a/src/iss-components/cart-dropdown/cart-dropdown.vue +++ b/src/iss-components/cart-dropdown/cart-dropdown.vue @@ -161,7 +161,6 @@ import partTypeStrings from '@/constants/part-type-strings.js'; import cartItemType from '@/constants/cart-item-type.js'; import partNumberStrings from '@/constants/part-number-strings.js'; import widgetFields from '@/constants/cms-widget-fields.js'; -import issPageValues from '@/router/router-constants/issPage-values'; const VERIFYING_COVERAGE = 'Verifying coverage'; @@ -177,12 +176,12 @@ export default { readOnly: Boolean, recyclingModalCmsWidgetName: String, showDropdownHeader: Boolean, - defaultDropdownExpanded: Boolean + isInitiallyExpanded: Boolean }, data() { return { - isExpanded: this.defaultDropdownExpanded, - availableVaps: useMainStore().pageData(issPageValues.PAYMENT_METHOD)?.vaps ?? [], + isExpanded: this.isInitiallyExpanded, + availableVaps: useMainStore().order.availableVaps, widget: { amountDue: 'AmountDueTextWidget', deductible: 'DeductibleWidget', diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue index edd6689f..6bf7bb79 100644 --- a/src/layouts/payment-method/payment-method.vue +++ b/src/layouts/payment-method/payment-method.vue @@ -23,7 +23,7 @@ :showAsPaid="false" :readOnly="false" :showDropdownHeader="true" - :defaultDropdownExpanded="false" + :isInitiallyExpanded="false" recyclingModalCmsWidgetName="RecycleModal" servicePackageTitleWidgetName="ServicePackageTitle" />