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

Merged from CSR-1012

Browse source
This commit is contained in:
Leah Schumann 2023-01-24 16:03:49 -05:00
parent d9cb7d7936
commit 66db63829f
2 changed files with 22 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/layouts/address-lookup/customer-questions/address-questions/address-questions.spec.js
View file

@ -58,7 +58,7 @@ describe("address-questions.vue", () => {
expect(state.exists()).toBe(true);
expect(zipCode.exists()).toBe(true);
});
test("Should render apartmentNumberOrBusinessName textbox-question when captureApartmentNumberOrBusinessName = true", async () => {
// Arrange
const { wrapper } = setupMocks({
@ -68,19 +68,21 @@ describe("address-questions.vue", () => {
apartmentNumberOrBusinessName: "",
city: "",
state: "",
zipCode: "",
zipCode: "",
},
captureApartmentNumberOrBusinessName: true
captureApartmentNumberOrBusinessName: true,
},
});
await wrapper.setData({
showAddressFields: true
showAddressFields: true,
});
// Act
const streetAddress = wrapper.findComponent({ ref: "autocomplete" });
const apartmentNumberOrBusinessName = wrapper.findComponent({ ref: "apartmentNumberOrBusinessName" });
const apartmentNumberOrBusinessName = wrapper.findComponent({
ref: "apartmentNumberOrBusinessName",
});
const city = wrapper.findComponent({ ref: "city" });
const state = wrapper.findComponent({ ref: "state" });
const zipCode = wrapper.findComponent({ ref: "zipCode" });
@ -92,9 +94,8 @@ describe("address-questions.vue", () => {
expect(city.exists()).toBe(true);
expect(state.exists()).toBe(true);
expect(zipCode.exists()).toBe(true);
});
});
test("Should *not* render apartmentNumberOrBusinessName textbox-question when captureApartmentNumberOrBusinessName = false", async () => {
// Arrange
const { wrapper } = setupMocks({
@ -104,19 +105,21 @@ describe("address-questions.vue", () => {
apartmentNumberOrBusinessName: "",
city: "",
state: "",
zipCode: "",
zipCode: "",
},
captureApartmentNumberOrBusinessName: false
captureApartmentNumberOrBusinessName: false,
},
});
await wrapper.setData({
showAddressFields: true
showAddressFields: true,
});
// Act
const streetAddress = wrapper.findComponent({ ref: "autocomplete" });
const apartmentNumberOrBusinessName = wrapper.findComponent({ ref: "apartmentNumberOrBusinessName" });
const apartmentNumberOrBusinessName = wrapper.findComponent({
ref: "apartmentNumberOrBusinessName",
});
const city = wrapper.findComponent({ ref: "city" });
const state = wrapper.findComponent({ ref: "state" });
const zipCode = wrapper.findComponent({ ref: "zipCode" });
@ -128,8 +131,7 @@ describe("address-questions.vue", () => {
expect(city.exists()).toBe(true);
expect(state.exists()).toBe(true);
expect(zipCode.exists()).toBe(true);
});
});
test("Should set this.showAddressFields to true when the model is prepopulated", async () => {
// Arrange

11
src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
View file

@ -17,7 +17,10 @@
</div>
</div>
<transition name="fade" mode="out-in">
<div class="row mb-4" v-show="showAddressFields && showApartmentNumberOrBusinessNameField" aria-live="polite">
<div
class="row mb-4"
v-show="showAddressFields && showApartmentNumberOrBusinessNameField"
aria-live="polite">
<div class="col">
<textboxQuestion
cmsWidgetName="ApartmentNumberOrBusinessNameQuestionWidget"
@ -110,9 +113,9 @@ export default {
apartmentNumberOrBusinessName: "",
city: "",
state: "",
zipCode: "",
zipCode: "",
}),
},
},
validationRules: String,
captureApartmentNumberOrBusinessName: false,
},
@ -198,7 +201,7 @@ export default {
get: function () {
return this.captureApartmentNumberOrBusinessName;
},
}
},
},
methods: {
setupAddressLookup() {