diff --git a/src/components/__tests__/__snapshots__/iplDialogTitle.test.ts.snap b/src/components/__tests__/__snapshots__/iplDialogTitle.test.ts.snap
index 2025beb..7e552e7 100644
--- a/src/components/__tests__/__snapshots__/iplDialogTitle.test.ts.snap
+++ b/src/components/__tests__/__snapshots__/iplDialogTitle.test.ts.snap
@@ -2,12 +2,12 @@
exports[`IplDialogTitle matches snapshot 1`] = `
"
Cool Dialog
-
+
"
`;
exports[`IplDialogTitle matches snapshot when closing is disabled 1`] = `
"Cool Dialog
-
+
"
`;
diff --git a/src/components/__tests__/__snapshots__/iplMessage.test.ts.snap b/src/components/__tests__/__snapshots__/iplMessage.test.ts.snap
index b7b8d62..905f084 100644
--- a/src/components/__tests__/__snapshots__/iplMessage.test.ts.snap
+++ b/src/components/__tests__/__snapshots__/iplMessage.test.ts.snap
@@ -2,7 +2,7 @@
exports[`IplMessage matches snapshot 1`] = `
"
-
+
@@ -11,9 +11,9 @@ exports[`IplMessage matches snapshot 1`] = `
exports[`IplMessage matches snapshot when closeable 1`] = `
"
"
`;
diff --git a/src/components/__tests__/__snapshots__/iplPagination.test.ts.snap b/src/components/__tests__/__snapshots__/iplPagination.test.ts.snap
index c233aaa..033c9ec 100644
--- a/src/components/__tests__/__snapshots__/iplPagination.test.ts.snap
+++ b/src/components/__tests__/__snapshots__/iplPagination.test.ts.snap
@@ -6,8 +6,8 @@ exports[`iplPagination matches snapshot 1`] = `
of 9 pages
-
-
+
+
"
`;
diff --git a/src/components/__tests__/__snapshots__/iplUpload.test.ts.snap b/src/components/__tests__/__snapshots__/iplUpload.test.ts.snap
index bf51745..77f4a56 100644
--- a/src/components/__tests__/__snapshots__/iplUpload.test.ts.snap
+++ b/src/components/__tests__/__snapshots__/iplUpload.test.ts.snap
@@ -2,7 +2,7 @@
exports[`IplUpload shows file data if a file is uploaded 1`] = `
""
`;
diff --git a/src/components/__tests__/iplMessage.test.ts b/src/components/__tests__/iplMessage.test.ts
index e3815c8..d6ac93a 100644
--- a/src/components/__tests__/iplMessage.test.ts
+++ b/src/components/__tests__/iplMessage.test.ts
@@ -1,5 +1,9 @@
import IplMessage from '../iplMessage.vue';
import { config, mount } from '@vue/test-utils';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
describe('IplMessage', () => {
config.global.stubs = {
@@ -30,21 +34,21 @@ describe('IplMessage', () => {
it('has expected wrapper class and icon if type is error', () => {
const wrapper = mount(IplMessage, { props: { type: 'error' } });
- expect(wrapper.getComponent('.icon').attributes().icon).toEqual('exclamation-circle');
+ expect(wrapper.getComponent(FontAwesomeIcon).vm.icon).toEqual(faExclamationCircle);
expect(wrapper.get('.ipl-message__wrapper').classes()).toContain('ipl-message__type-error');
});
it('has expected wrapper class and icon if type is info', () => {
const wrapper = mount(IplMessage, { props: { type: 'info' } });
- expect(wrapper.getComponent('.icon').attributes().icon).toEqual('info-circle');
+ expect(wrapper.getComponent(FontAwesomeIcon).vm.icon).toEqual(faInfoCircle);
expect(wrapper.get('.ipl-message__wrapper').classes()).toContain('ipl-message__type-info');
});
it('has expected wrapper class and icon if type is warning', () => {
const wrapper = mount(IplMessage, { props: { type: 'warning' } });
- expect(wrapper.getComponent('.icon').attributes().icon).toEqual('exclamation-triangle');
+ expect(wrapper.getComponent(FontAwesomeIcon).vm.icon).toEqual(faExclamationTriangle);
expect(wrapper.get('.ipl-message__wrapper').classes()).toContain('ipl-message__type-warning');
});