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

Formatting

Browse source
This commit is contained in:
Chloe Herd 2023-10-10 09:50:33 -04:00
parent 61a83f4815
commit 26f20b8d5a
3 changed files with 20 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.spec.js
View file

@ -23,9 +23,7 @@ let cmsContent;
describe("Payment Method Question", () => { describe("Payment Method Question", () => {
beforeEach(() => { beforeEach(() => {
cmsContent = { cmsContent = {};
};
}); });
describe("Side image", () => { describe("Side image", () => {
@ -33,45 +31,45 @@ describe("Payment Method Question", () => {
// Arrange // Arrange
const props = generateDefaultProps(); const props = generateDefaultProps();
const { wrapper } = setupMocks({ const { wrapper } = setupMocks({
propsData: props propsData: props,
}); });
// Act // Act
const showSideImage = wrapper.vm.shouldDisplaySideImage; const showSideImage = wrapper.vm.shouldDisplaySideImage;
expect(showSideImage).toBe(true); expect(showSideImage).toBe(true);
}); });
it("Does not render side image if no image is present", () => { it("Does not render side image if no image is present", () => {
// Arrange // Arrange
let props = generateDefaultProps(); let props = generateDefaultProps();
props.buttonImage = testConstants.images.NONE; props.buttonImage = testConstants.images.NONE;
const { wrapper } = setupMocks({ const { wrapper } = setupMocks({
propsData: props propsData: props,
}); });
// Act // Act
const showSideImage = wrapper.vm.shouldDisplaySideImage; const showSideImage = wrapper.vm.shouldDisplaySideImage;
expect(showSideImage).toBe(false); expect(showSideImage).toBe(false);
}); });
it("Does not render side image if inline", () => { it("Does not render side image if inline", () => {
// Arrange // Arrange
let props = generateDefaultProps(); let props = generateDefaultProps();
props.buttonLabel = testConstants.content.withInline; props.buttonLabel = testConstants.content.withInline;
props.altText = testConstants.content.withInline; props.altText = testConstants.content.withInline;
const { wrapper } = setupMocks({ const { wrapper } = setupMocks({
propsData: props propsData: props,
}); });
// Act // Act
const showSideImage = wrapper.vm.shouldDisplaySideImage; const showSideImage = wrapper.vm.shouldDisplaySideImage;
expect(showSideImage).toBe(false); expect(showSideImage).toBe(false);
}); });
}); });

5
src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue
View file

@ -3,8 +3,7 @@
v-bind="$props" v-bind="$props"
buttonWrapperClasses="list-group base-input-button list-button rounded-3 d-flex flex-column w-100 mb-2" buttonWrapperClasses="list-group base-input-button list-button rounded-3 d-flex flex-column w-100 mb-2"
v-model="selectedValue"> v-model="selectedValue">
<div <div class="button-content list-button-content d-flex flex-row py-3 px-4">
class="button-content list-button-content d-flex flex-row py-3 px-4">
<img <img
v-if="shouldDisplaySideImage" v-if="shouldDisplaySideImage"
:id="buttonImageId" :id="buttonImageId"
@ -121,4 +120,4 @@ export default {
} }
} }
} }
</style> </style>

8
src/layouts/payment-method/payment-method-question/payment-method-question.spec.js
View file

@ -25,7 +25,7 @@ const testConstants = {
image: "imageB", image: "imageB",
subWidget: "subWidgetB", subWidget: "subWidgetB",
}, },
} },
}, },
}; };
@ -83,8 +83,8 @@ describe("Payment Method Question", () => {
altText: testConstants.cms.answers.optionB.text, altText: testConstants.cms.answers.optionB.text,
groupName: "payment-method", groupName: "payment-method",
value: testConstants.cms.answers.optionB.name, value: testConstants.cms.answers.optionB.name,
buttonImage: testConstants.cms.answers.optionB.image buttonImage: testConstants.cms.answers.optionB.image,
} },
]); ]);
}); });
@ -107,7 +107,7 @@ describe("Payment Method Question", () => {
function generateDefaultProps() { function generateDefaultProps() {
return { return {
modelValue: "modelValue" modelValue: "modelValue",
}; };
} }