diff --git a/src/iss-components/vehicle-banner/vehicle-banner.spec.js b/src/iss-components/vehicle-banner/vehicle-banner.spec.js
deleted file mode 100644
index 1eac7cf3..00000000
--- a/src/iss-components/vehicle-banner/vehicle-banner.spec.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import vehicleCategories from '@/constants/vehicle-categories.js';
-import { useMainStore } from '@/store';
-import { createApp } from 'vue';
-import { createPinia, mapStores } from 'pinia';
-
-import App from '@/App.vue';
-import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
-
-const cmsData = { VehicleBannerWidget:
- {
- GenericVehicleImage: 'blurred-image.jpg',
- GenericVehicleImageFilePath: 'images/default-source/default-album/blurred-image.jpg',
- CarUnmatchedVehicleIcon: 'car-placeholder.jpg',
- TruckUnmatchedVehicleIcon: 'truck-placeholder.jpg',
- VanUnmatchedVehicleIcon: 'van-placeholder.jpg',
- CommercialVanUnmatchedVehicleIcon: 'commercial-placeholder.jpg',
- SuvUnmatchedVehicleIcon: 'suv-placeholder.jpg'
- } };
-
-const vueApp = createApp(App);
-const pinia = createPinia();
-vueApp.use(pinia);
-const store = useMainStore();
-
-const mockMixin = {
-
- methods: {
- getCmsContent(widgetName, fieldName) {
- return cmsData[widgetName][fieldName];
- }
- },
- computed: {
- ...mapStores(useMainStore),
- vehicleCategories() {
- return vehicleCategories;
- }
- }
-};
-
-describe('vehicleBanner', () => {
- test('renders the blurrycar image when displayGenericVehicleImage is true', async () => {
- const wrapper = shallowMount(vehicleBanner, {
- propsData: {
- displayGenericVehicleImage: true,
- cmsWidgetName: 'VehicleBannerWidget'
- },
- mixins: [mockMixin]
- });
-
- expect(wrapper.vm.vehicleImageToDisplay).toEqual(wrapper.vm.genericVehicleImage);
- expect(wrapper.find('img').attributes('class')).toContain('vehicle-image');
- wrapper.unmount();
- });
-
- test('renders expected vehicle image', async () => {
- store.order.vehicle.imageUrl = 'url_to_vehicle_image';
-
- const wrapper = shallowMount(vehicleBanner, {
- propsData: {
- displayGenericVehicleImage: false,
- cmsWidgetName: 'VehicleBannerWidget'
- },
- mixins: [mockMixin]
- });
-
- expect(wrapper.vm.vehicleImageToDisplay).toEqual('url_to_vehicle_image');
- expect(wrapper.find('img').attributes('class')).toContain('vehicle-image');
- wrapper.unmount();
- });
-
- test('should render default car icon when imageUrl is null and category is default', async () => {
- store.order.vehicle.imageUrl = null;
-
- const wrapper = shallowMount(vehicleBanner, {
- propsData: {
- displayGenericVehicleImage: false,
- cmsWidgetName: 'VehicleBannerWidget'
- },
- mixins: [mockMixin]
- });
-
- const iconUrl = wrapper.vm.vehicleImageToDisplay;
-
- expect(iconUrl).toEqual('car-placeholder.jpg');
- wrapper.unmount();
- });
-
- const params = [['CAR', 'car-placeholder.jpg'],
- ['TRUCK', 'truck-placeholder.jpg'],
- ['VAN', 'van-placeholder.jpg'],
- ['COMMERCIAL VAN', 'commercial-placeholder.jpg'],
- ['SUV', 'suv-placeholder.jpg'],
- ['OTHER', 'car-placeholder.jpg']];
-
- test.each(params)('renders correct icon when imageUrl is not populated for %s and %s', async (category, expectedIcon) => {
- store.order.vehicle.imageUrl = null;
- store.order.vehicle.category = category;
-
- const wrapper = shallowMount(vehicleBanner, {
- propsData: {
- displayGenericVehicleImage: false,
- cmsWidgetName: 'VehicleBannerWidget'
- },
- mixins: [mockMixin]
- });
-
- const vehicleIcon = wrapper.vm.getUnmatchedVehicleIcon();
-
- expect(vehicleIcon).toEqual(expectedIcon);
- expect(wrapper.find('img').attributes('class')).toContain('vehicle-image');
- wrapper.unmount();
- });
-});
diff --git a/src/iss-components/vehicle-banner/vehicle-banner.vue b/src/iss-components/vehicle-banner/vehicle-banner.vue
deleted file mode 100644
index 6a17a3b7..00000000
--- a/src/iss-components/vehicle-banner/vehicle-banner.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
![]()
-
-
-
-
-
-