@@ -29,7 +30,7 @@ exports[`CdrLandingLead > renders correctly when presented with correct data 1`]
>
-
+ Heading
@@ -39,7 +40,7 @@ exports[`CdrLandingLead > renders correctly when presented with correct data 1`]
>
-
+ Subheading
diff --git a/src/components/modal/__tests__/CdrModal.spec.js b/src/components/modal/__tests__/CdrModal.spec.js
index 34566bca6..501042e08 100644
--- a/src/components/modal/__tests__/CdrModal.spec.js
+++ b/src/components/modal/__tests__/CdrModal.spec.js
@@ -171,7 +171,6 @@ describe('CdrModal.vue', () => {
});
it('sets the dialog class', () => {
- console.log(dialogEl.classes());
const innerWrapEl = dialogEl.find('.cdr-modal__innerWrap');
expect(innerWrapEl.classes('content-class')).to.be.true;
});
diff --git a/src/components/pagination/__tests__/CdrPagination.spec.js b/src/components/pagination/__tests__/CdrPagination.spec.js
index 61246546f..62fdad9c7 100644
--- a/src/components/pagination/__tests__/CdrPagination.spec.js
+++ b/src/components/pagination/__tests__/CdrPagination.spec.js
@@ -244,141 +244,4 @@ describe('CdrPagination', () => {
expect(onlyPrevLinkExists(wrapper)).toBe(true);
});
});
-
- //TODO: This should be an integration test
- describe('pagination events', () => {
- let wrapper;
- let prev;
- let next
- beforeEach(() => {
- wrapper = mount(CdrPagination, {
- propsData: {
- id: 'test',
- pages: makePages(20),
- modelValue: 5,
- },
- // TODO: uhhh what?
- attrs: {
- 'onUpdate:modelValue': async (newVal) => { // simulate v-model update
- wrapper.setProps({ modelValue: newVal });
- await wrapper.vm.$nextTick();
- }
- }
- });
- next = wrapper.find('a .cdr-pagination_caret--next');
- prev = wrapper.find('a .cdr-pagination_caret--prev');
- });
-
- it('selecting an option triggers the expected event', async () => {
- const options = wrapper.findAll('option');
- await options[0].setSelected(); // 5 -> 3
- await wrapper.vm.$nextTick();
- expect(wrapper.emitted().navigate[0][0]).toBe(1);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=1');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
- });
-
- it('clicking next triggers the expected event', async () => {
- next.trigger('click'); // 5 -> 6
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[0][0]).toBe(6);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=6');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
- });
-
- it('clicking prev triggers the expected event', async () => {
- prev.trigger('click'); // 5 -> 4
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[0][0]).toBe(4);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=4');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
- });
-
- it('clicking an individual link triggers the expected event', async () => {
- // individual links
- let link = wrapper.findAll('ol > li > a')[1];
- link.trigger('click'); // 5 -> 1
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[0][0]).toBe(1);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=1');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
- });
-
- it('simulated click emits an event when the link is invisible', async () => {
- // individual links
- let link = wrapper.findAll('ol > li > a')[1];
- link.trigger('click'); // 5 -> 1
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[0][0]).toBe(1);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=1');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
-
-
- link.trigger('click'); // 1 -> 1
- await wrapper.vm.$nextTick();
- expect(wrapper.emitted().navigate[1][0]).toBe(1);
- expect(wrapper.emitted().navigate[1][1]).toBe('?page=1');
- expect(wrapper.emitted().navigate[1][2] instanceof Event).toBeTruthy();
- });
-
- it('does NOT add "of x" when a total is NOT provided', async () => {
- let option = wrapper.find('option');
- expect(option.text()).toBe('Page 1');
- });
-
- describe('when totalPage prop is set', () => {
- let option;
- beforeEach(() => {
- wrapper.setProps({ totalPages: 20 });
- option = wrapper.find('option');
- });
-
- it('adds page "of x" text to the option', async () => {
- expect(option.text()).toBe('Page 1 of 20');
- });
-
- describe('when current link is visible', () => {
- let link;
- let originalOffsetHeight;
- let originalOffsetWidth;
- beforeEach(() => {
- //TODO: This setup seems strange. How would this ever happen? -- Kenji
- originalOffsetHeight = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetHeight');
- originalOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth');
- //Ensure link is visible
- Object.defineProperty(HTMLElement.prototype, 'offsetHeight', {
- configurable: true,
- value: 10,
- });
- Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
- configurable: true, value: 10
- });
- link = wrapper.findAll('ol > li > a')[1];
- });
-
- afterEach(() => {
- Object.defineProperty(HTMLElement.prototype, 'offsetHeight', originalOffsetHeight);
- Object.defineProperty(HTMLElement.prototype, 'offsetWidth', originalOffsetWidth);
- })
-
- it('clicking the active link does not emit a new event', async () => {
- link.trigger('click'); // 5 -> 1
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[0][0]).toBe(1);
- expect(wrapper.emitted().navigate[0][1]).toBe('?page=1');
- expect(wrapper.emitted().navigate[0][2] instanceof Event).toBeTruthy();
-
- link.trigger('click'); // 5 -> 1
- await wrapper.vm.$nextTick();
-
- expect(wrapper.emitted().navigate[1]).toBe(undefined);
- });
- });
- });
- });
-});
\ No newline at end of file
+});
diff --git a/src/components/picture/__tests__/CdrPicture.spec.js b/src/components/picture/__tests__/CdrPicture.spec.js
index c8a32685f..ffa16edb6 100644
--- a/src/components/picture/__tests__/CdrPicture.spec.js
+++ b/src/components/picture/__tests__/CdrPicture.spec.js
@@ -5,6 +5,7 @@ describe('CdrPicture', () => {
it('matches snapshot', () => {
const wrapper = shallowMount(CdrPicture, {
props: {
+ src: '/src/dev/static/cedar-350x150.jpg',
sources: {
xs: {
media: '(max-width: 768px)',
@@ -12,11 +13,11 @@ describe('CdrPicture', () => {
width: '300',
},
sm: {
- media: '(min-width: 768px)',
- srcset: '/src/dev/static/cedar-1920x1080.jpg',
- }
- }
- }
+ media: '(min-width: 768px)',
+ srcset: '/src/dev/static/cedar-1920x1080.jpg',
+ },
+ },
+ },
});
expect(wrapper.element).toMatchSnapshot();
});
diff --git a/src/components/picture/__tests__/__snapshots__/CdrPicture.spec.js.snap b/src/components/picture/__tests__/__snapshots__/CdrPicture.spec.js.snap
index c5112b799..b4894949b 100644
--- a/src/components/picture/__tests__/__snapshots__/CdrPicture.spec.js.snap
+++ b/src/components/picture/__tests__/__snapshots__/CdrPicture.spec.js.snap
@@ -17,6 +17,7 @@ exports[`CdrPicture > matches snapshot 1`] = `