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

brought over custom mixins for button gradient, added links to google fonts to fix font-weight issue, finished tests vehicle make.

Browse source
This commit is contained in:
Jason Wheeler 2022-11-01 14:44:57 -04:00
parent 5eb899c080
commit 5606f41432
8 changed files with 22 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/index.html
View file

@ -3,12 +3,16 @@
<head> <head>
<script> <script>
window.dataLayer = [{}]; window.dataLayer = [{}];
</script> </script>
<script><%= process.env.VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY %></script> <script><%= process.env.VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY %></script>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body>

2
src/common-components/button-question/button-question.vue
View file

@ -225,7 +225,7 @@
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.625rem; line-height: 1.5rem;
& > span { & > span {
text-align: center; text-align: center;

2
src/helpers/unit-test-helper.js
View file

@ -33,7 +33,7 @@ export function getMountOptions(mockData) {
mocks.vehicleCategories = vehicleCategories; mocks.vehicleCategories = vehicleCategories;
mocks.issPageValues = issPageValues; mocks.issPageValues = issPageValues;
mocks.queryStrings = queryStrings; mocks.queryStrings = queryStrings;
mocks.$router = mockData?.router;
const global = { const global = {
mocks: mocks, mocks: mocks,

30
src/layouts/vehicle-make/vehicle-make.spec.js
View file

@ -21,6 +21,7 @@ jest.mock("@/helpers/layout-helper.js", () => ({
})); }));
describe("vehicle-make.vue", () => { describe("vehicle-make.vue", () => {
test("Make question component is initized with api data", async () => { test("Make question component is initized with api data", async () => {
//Arrange //Arrange
const makeQuestionInitialData = ["honda", "ford", "dodge"]; const makeQuestionInitialData = ["honda", "ford", "dodge"];
@ -43,10 +44,8 @@ describe("vehicle-make.vue", () => {
); );
}); });
}); });
});
/* test("BackButtonAction triggers a router.navigate change", async () => {
describe("vehicle-make.vue", () => {
test("BackButtonAction triggers a router.navigateWithoutSaving change", async (done) => {
//Arrange //Arrange
const { wrapper, apiPromise } = setupMocks({ const { wrapper, apiPromise } = setupMocks({
pageHeaderWidgetHeaderText: "Select a make to get started", pageHeaderWidgetHeaderText: "Select a make to get started",
@ -70,32 +69,11 @@ describe("vehicle-make.vue", () => {
//Assert //Assert
apiPromise.finally(() => { apiPromise.finally(() => {
expect(wrapper.vm.$router.navigate).toHaveBeenCalled(); expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
done();
}); });
}); });
}); });
describe("vehicle-make.vue", () => {
test("Year set, arePagePrerequisitesValid should be true ", async () => {
//Arrange
const { wrapper } = setupMocks({});
//Act
vehicleMake.beforeRouteEnter.call(
wrapper.vm,
{ query: { issPage: "vehicle-make" } },
undefined,
(c) => c(wrapper.vm)
);
let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
//Assert
expect(arePagePrerequisitesValid).toBe(true);
});
});
*/
function setupMocks({ function setupMocks({
vehicleMakeQuestionCmsContent = {}, vehicleMakeQuestionCmsContent = {},
makeQuestionInitialData = {}, makeQuestionInitialData = {},

2
src/router/router-constants/routing-table.js
View file

@ -35,7 +35,7 @@ const routingTable = function(store) {
maps: [ maps: [
{ {
scenario: navigationScenarios.CLICKED_FORWARD, scenario: navigationScenarios.CLICKED_FORWARD,
destinationIssPageValue: issPageValues.VEHICLE_MAKE, destinationIssPageValue: issPageValues.VEHICLE_YEAR,
}, },
{ {
scenario: navigationScenarios.CLICKED_TEST, scenario: navigationScenarios.CLICKED_TEST,

6
src/styles/mixins/customMixins.scss Normal file
View file

@ -0,0 +1,6 @@
//Custom Mixins
//Blue gradient background mixin
@mixin blue-gradient {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
}

1
vue.config.js
View file

@ -19,6 +19,7 @@ module.exports = {
@import "@/styles/ux-variables.scss"; @import "@/styles/ux-variables.scss";
@import "./node_modules/bootstrap/scss/variables"; @import "./node_modules/bootstrap/scss/variables";
@import "./node_modules/bootstrap/scss/mixins"; @import "./node_modules/bootstrap/scss/mixins";
@import "@/styles/mixins/customMixins";
`, `,
}, },
}, },

3
vue.release.config.js
View file

@ -17,10 +17,11 @@ module.exports = {
@import "@/styles/ux-variables.scss"; @import "@/styles/ux-variables.scss";
@import "./node_modules/bootstrap/scss/variables"; @import "./node_modules/bootstrap/scss/variables";
@import "./node_modules/bootstrap/scss/mixins"; @import "./node_modules/bootstrap/scss/mixins";
@import "@/styles/mixins/customMixins";
`, `,
}, },
}, },
}, },
configureWebpack: { configureWebpack: {
devtool: 'source-map' devtool: 'source-map'
}, },