jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SSR-1067 Payment Page Cart Bug Fixes

Browse source 
Fixed Cart showing for non credit card payments
Fixed remove option showing
This commit is contained in:
Josh Dassinger 2024-04-18 15:02:54 -05:00
parent 478bf091ed
commit e7bb76ff81
3 changed files with 45 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -65,7 +65,7 @@
<div class="py-1 d-flex justify-content-between align-items-center">
<span>{{ item?.name ?? '' }}</span>
<textLink
v-if="!readOnly || !showAsPaid"
v-if="!readOnly"
linkType="text"
text="Remove"
href="javascript:void(0)"
@ -100,7 +100,7 @@
</div>
<textLink
v-if="item.cartItemType === cartItemType.VAP
&& (!readOnly || !showAsPaid)"
&& !readOnly"
linkType="text"
text="Remove"
href="javascript:void(0)"

39
src/layouts/payment-page/payment-page.spec.js
View file

@ -7,6 +7,7 @@ import { getMountOptions } from '@/helpers/unit-test-helper';
import { useMainStore } from '@/store';
import { paymentMethods, hopPaymentMethods } from '@/constants/payment-method-constants.js';
import queryStrings from '@/constants/query-strings';
import CartDropdown from '@/iss-components/cart-dropdown/cart-dropdown.vue';
// Constants
const parts = {
@ -316,6 +317,44 @@ describe('payment-page.vue', () => {
});
});
describe('cart-dropdown', () => {
test('Show cart dropdown if credit card', async () => {
const wrapper = setupMocks({});
wrapper.vm.paymentType = hopPaymentMethods.CREDIT_CARD;
// Act
await wrapper.vm.$nextTick();
const cartTable = wrapper.findComponent(CartDropdown);
// Assert
expect(cartTable.exists()).toBeTruthy();
});
test('Hide cart dropdown if afterpay', async () => {
const wrapper = setupMocks({});
wrapper.vm.paymentType = hopPaymentMethods.AFTERPAY;
// Act
await wrapper.vm.$nextTick();
const cartTable = wrapper.findComponent(CartDropdown);
// Assert
expect(cartTable.exists()).toBeFalsy();
});
test('Hide cart dropdown if paypal', async () => {
const wrapper = setupMocks({});
wrapper.vm.paymentType = hopPaymentMethods.PAYPAL;
// Act
await wrapper.vm.$nextTick();
const cartTable = wrapper.findComponent(CartDropdown);
// Assert
expect(cartTable.exists()).toBeFalsy();
});
});
describe('isPaypal', () => {
test('Is responsive if initial data changes', async () => {
// Arrange

6
src/layouts/payment-page/payment-page.vue
View file

@ -41,9 +41,8 @@
@ForwardClicked="forwardButtonAction"
@backClicked="backButtonAction" />
<div class="px-2">
<div v-if="isCreditCard" class="px-2">
<cartDropdown
:showAsPaid="false"
:readOnly="true"
:showDropdownHeader="false"
:isInitiallyExpanded="true"
@ -525,6 +524,9 @@ export default {
isPaypal() {
return this.paymentType === hopPaymentMethods.PAYPAL;
},
isCreditCard() {
return this.paymentType === hopPaymentMethods.CREDIT_CARD;
},
displayPayInAdvanceCreditCardAlert() {
return this.displayPayInAdvanceAlert(paymentMethods.CREDIT_CARD);
},