@icij/murmur-next 4.0.0 → 4.0.1

package/tests/unit/maps/ChoroplethMap.spec.js

@@ -1,214 +0,0 @@
-import { promises as fs } from 'fs'
-import { join, resolve } from 'path'
-import { zipObjectDeep } from 'lodash'
-import { shallowMount,flushPromises } from '@vue/test-utils'
-import ChoroplethMap from '@/maps/ChoroplethMap.vue'
-
-vi.mock('d3', async () => {
-  return {
-    ...(await vi.importActual('d3')),
-    json: async url => {
-      const pathname = url.split('https://icij.github.io/murmur/').pop()
-      const abspath = resolve(__dirname, join('../../../public', pathname))
-      const raw = await fs.readFile(abspath, 'UTF-8')
-      return JSON.parse(raw)
-    },
-    zoom() {
-      const zoom = {
-        scaleExtent: () => zoom,
-        translateExtent: () => zoom,
-        transform: () => null,
-        on: () => zoom
-      }
-      return zoom
-    }
-  }
-})
-
-describe('ChoroplethMap.vue', () => {
-
-  describe('a map of the world', () => {
-
-    let wrapper
-
-    beforeEach(async () => {
-      const propsData = {
-        data: {
-          FRA: 100,
-          SRB: 150,
-          KGZ: 200
-        },
-      }
-      wrapper = shallowMount(ChoroplethMap, { propsData, global:{renderDefaultStub:true} })
-      wrapper.vm.$refs.resizable.style.width = '500px'
-      await wrapper.vm.loadTopojson()
-      await wrapper.vm.$nextTick()
-    })
-
-    it('is a Vue instance', () => {
-      expect(wrapper.vm).toBeTruthy()
-    })
-
-    it('has a feature for KGZ with the end color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-kgz')
-      const color = window.getComputedStyle(feature.wrapperElement).color
-      expect(color).toBe('rgb(133, 35, 8)')
-    })
-
-    it('has a feature for SRV with the middle color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-srb')
-      const color = window.getComputedStyle(feature.element).color
-      expect(color).toBe('rgb(194, 145, 132)')
-    })
-
-    it('has a feature for FRA with the start color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-fra')
-      const color = window.getComputedStyle(feature.element).color
-      expect(color).toBe('rgb(255, 255, 255)')
-    })
-
-    it('activates the cursor when mouse is over a feature', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-kgz')
-      feature.element.dispatchEvent(new Event('mouseover'))
-      expect(wrapper.vm.featureCursor).toBe('KGZ')
-    })
-
-    it('changes the cursor when mouse is over another feature', () => {
-      wrapper.vm.updateFeatureCursor('KGZ')
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-fra')
-      feature.element.dispatchEvent(new Event('mouseover'))
-      expect(wrapper.vm.featureCursor).toBe('FRA')
-    })
-
-    it('deactivates the cursor when mouse leaves a feature', () => {
-      wrapper.vm.updateFeatureCursor('KGZ')
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-kgz')
-      feature.element.dispatchEvent(new Event('mouseleave'))
-      expect(wrapper.vm.featureCursor).toBeNull()
-    })
-
-    it('doesnt actve the cursor when mouse is over a feature without data', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-usa')
-      feature.element.dispatchEvent(new Event('mouseover'))
-      expect(wrapper.vm.featureCursor).toBeNull()
-    })
-
-    it('set a class to the component when a cursor is active', async () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-kgz')
-      feature.element.dispatchEvent(new Event('mouseover'))
-      await wrapper.vm.$nextTick()
-      expect(wrapper.classes('choropleth-map--has-cursor')).toBeTruthy()
-    })
-
-    it('remove the class to the component when a cursor is removed', async () => {
-      wrapper.vm.updateFeatureCursor('KGZ')
-      await wrapper.vm.$nextTick()
-      expect(wrapper.classes('choropleth-map--has-cursor')).toBeTruthy()
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-kgz')
-      feature.element.dispatchEvent(new Event('mouseleave'))
-      await wrapper.vm.$nextTick()
-      expect(wrapper.classes('choropleth-map--has-cursor')).toBeFalsy()
-    })
-  })
-
-
-  describe('a clickable map of france with data on 3 departments', () => {
-
-    let wrapper
-
-    beforeEach(async () => {
-      const propsData = {
-        topojsonUrl: '/assets/topojson/france-departments.json',
-        topojsonObjects: 'departements',
-        topojsonObjectsPath: 'properties.code',
-        clickable: true,
-        transitionDuration: 0,
-        data: {
-          "01": 100,
-          "02": 150,
-          "03": 200
-        }
-      }
-      wrapper = shallowMount(ChoroplethMap, { propsData })
-      wrapper.vm.$refs.resizable.style.width = '500px'
-      await wrapper.vm.loadTopojson()
-      await wrapper.vm.$nextTick()
-      // Since JSDOM badly lack SVG support, we need to mock
-      // some low level attributes such as size of the SVG element.
-      wrapper.vm.setMapNodeSize({
-        width:zipObjectDeep(['baseVal.width.value'], [500]),
-        height:zipObjectDeep(['baseVal.height.value'], [300])
-      })
-    })
-
-    it('is a Vue instance', () => {
-      expect(wrapper.vm).toBeTruthy()
-    })
-
-    it('has a feature for 01 with the start color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-01')
-      const color = window.getComputedStyle(feature.element).color
-      expect(color).toBe('rgb(255, 255, 255)')
-    })
-
-    it('has a feature for 02 with the middle color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-02')
-      const color = window.getComputedStyle(feature.element).color
-      expect(color).toBe('rgb(194, 145, 132)')
-    })
-
-    it('has a feature for 03 with the end color of the scale', () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      const color = window.getComputedStyle(feature.element).color
-      expect(color).toBe('rgb(133, 35, 8)')
-    })
-
-    it('zooms on the map when a feature is clicked', async () => {
-
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      await feature.trigger('click')
-
-      const zoomed = wrapper.emitted("zoomed");
-
-      expect(zoomed).toHaveLength(1)
-      expect(zoomed[0][0]).toMatchObject({"properties": {
-        "code": "03",
-        "nom": "Allier",
-      }})
-    })
-
-    it('adds a class to a feature upon click', async () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      await feature.trigger('click')
-      const updatedFeature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      expect(updatedFeature.classes('choropleth-map__main__features__item--zoomed')).toBeTruthy()
-      expect(wrapper.emitted("zoomed")).toHaveLength(1)
-    })
-
-    it('removes a class from a feature on the second click', async () => {
-
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      await feature.trigger('click')
-      await feature.trigger('click')
-
-
-      expect(wrapper.emitted("click")).toHaveLength(2)
-      expect(wrapper.emitted("zoomed")).toHaveLength(1)
-      expect(feature.classes('choropleth-map__main__features__item--zoomed')).toBeFalsy()
-    })
-
-    it('adds a class to the map upon click on a feature', async () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      await feature.trigger('click')
-      expect(wrapper.classes('choropleth-map--has-zoom')).toBeTruthy()
-    })
-
-    it('removes a class from the map on the second click', async () => {
-      const feature = wrapper.find('.choropleth-map__main__features__item--identifier-03')
-      await feature.trigger('click')
-      await feature.trigger('click')
-      await wrapper.vm.$nextTick()
-      expect(wrapper.classes('choropleth-map--has-zoom')).toBeFalsy()
-    })
-  })
-})

package/tests/unit/maps/ChoroplethMapAnnotation.spec.ts

@@ -1,186 +0,0 @@
-import {describe, expect, it} from 'vitest'
-import {shallowMount} from '@vue/test-utils'
-
-import {default as ChoroplethMapAnnotation, PLACEMENTS} from '@/maps/ChoroplethMapAnnotation.vue'
-import type {ParentMap, ParentMapProvide} from "@/types.js";
-import {ParentKey} from "@/keys.js";
-import {computed} from 'vue';
-import {geoRobinson} from 'd3-geo-projection'
-import {GeoProjection} from 'd3-geo';
-
-
-describe('ChoroplethMapAnnotation', () => {
-
-    const generateParentMock = ({rX = 0, rY = 0, width = 500, height = 500, k = 1}) => (
-        {
-            rotatingMapProjection: computed((): GeoProjection | Function => {
-                if (rX && rY) {
-                    return () => [rX, rY]
-                }
-                return geoRobinson()
-            }),
-            mapTransform: computed(() => ({k, x: 0, y: 0, rotateX: 0, rotateY: 0})),
-            mapRect: computed(() => new DOMRect(0, 0, width, height))
-        }
-    )
-
-    it('renders with default props', () => {
-        const mockParentMap: ParentMap = generateParentMock({})
-        const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-        const wrapper = shallowMount(ChoroplethMapAnnotation, {
-            propsData: {
-                latitude: 0,
-                longitude: 0
-            },
-            global: {provide}
-        })
-
-        expect(wrapper.exists()).toBe(true)
-    })
-
-    it('computes position correctly', () => {
-        const mockParentMap: ParentMap = generateParentMock({rX: 100, rY: 200, k: 1, width: 500, height: 500})
-        const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-        const wrapper = shallowMount(ChoroplethMapAnnotation, {
-            propsData: {
-                latitude: 10,
-                longitude: 20
-            },
-            global: {provide}
-        })
-
-        expect(wrapper.vm.x).toEqual(100)
-        expect(wrapper.vm.y).toEqual(200)
-    })
-
-    describe('placements', () => {
-        const mockParentMap: ParentMap = generateParentMock({})
-        const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-        const testPlacement = (placement, expectedResults) => {
-            it(`computes placement correctly for ${placement}`, () => {
-                const wrapper = shallowMount(ChoroplethMapAnnotation, {
-                    propsData: {
-                        latitude: 0,
-                        longitude: 0,
-                        placement
-                    },
-                    global: {provide}
-                })
-
-                expect(wrapper.vm.isRight).toBe(!!expectedResults.isRight)
-                expect(wrapper.vm.isLeft).toBe(!!expectedResults.isLeft)
-                expect(wrapper.vm.isTop).toBe(!!expectedResults.isTop)
-                expect(wrapper.vm.isBottom).toBe(!!expectedResults.isBottom)
-                expect(wrapper.vm.isCenter).toBe(!!expectedResults.isCenter)
-            })
-        }
-
-        testPlacement(PLACEMENTS.TOP, {isTop: true})
-        testPlacement(PLACEMENTS.TOPLEFT, {isLeft: true, isTop: true})
-        testPlacement(PLACEMENTS.TOPRIGHT, {isRight: true, isTop: true})
-        testPlacement(PLACEMENTS.RIGHT, {isRight: true})
-        testPlacement(PLACEMENTS.RIGHTTOP, {isRight: true, isTop: true})
-        testPlacement(PLACEMENTS.RIGHTBOTTOM, {isRight: true, isBottom: true})
-        testPlacement(PLACEMENTS.BOTTOM, {isBottom: true})
-        testPlacement(PLACEMENTS.BOTTOMLEFT, {isLeft: true, isBottom: true})
-        testPlacement(PLACEMENTS.BOTTOMRIGHT, {isRight: true, isBottom: true})
-        testPlacement(PLACEMENTS.LEFT, {isLeft: true})
-        testPlacement(PLACEMENTS.LEFTTOP, {isLeft: true, isTop: true})
-        testPlacement(PLACEMENTS.LEFTBOTTOM, {isLeft: true, isBottom: true})
-        testPlacement(null, {isCenter: true})
-    })
-
-    describe('wrapperTransformOrigin', () => {
-        const mockParentMap: ParentMap = generateParentMock({})
-        const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-        const testTransformOrigin = (placement: string, expectedX: string, expectedY: string) => {
-            it(`computes wrapperTransformOrigin correctly for ${placement}`, () => {
-                const wrapper = shallowMount(ChoroplethMapAnnotation, {
-                    propsData: {
-                        latitude: 0,
-                        longitude: 0,
-                        placement
-                    },
-                    global: {provide}
-                })
-
-                expect(wrapper.vm.wrapperTransformOriginX).toBe(expectedX)
-                expect(wrapper.vm.wrapperTransformOriginY).toBe(expectedY)
-                expect(wrapper.vm.wrapperTransformOrigin).toBe(`${expectedX} ${expectedY}`)
-            })
-        }
-
-        testTransformOrigin(PLACEMENTS.TOP, 'center', 'bottom')
-        testTransformOrigin(PLACEMENTS.TOPLEFT, 'right', 'bottom')
-        testTransformOrigin(PLACEMENTS.TOPRIGHT, 'left', 'bottom')
-        testTransformOrigin(PLACEMENTS.RIGHT, 'left', 'center')
-        testTransformOrigin(PLACEMENTS.RIGHTTOP, 'left', 'bottom')
-        testTransformOrigin(PLACEMENTS.RIGHTBOTTOM, 'left', 'top')
-        testTransformOrigin(PLACEMENTS.BOTTOM, 'center', 'top')
-        testTransformOrigin(PLACEMENTS.BOTTOMLEFT, 'right', 'top')
-        testTransformOrigin(PLACEMENTS.BOTTOMRIGHT, 'left', 'top')
-        testTransformOrigin(PLACEMENTS.LEFT, 'right', 'center')
-        testTransformOrigin(PLACEMENTS.LEFTTOP, 'right', 'bottom')
-        testTransformOrigin(PLACEMENTS.LEFTBOTTOM, 'right', 'top')
-    })
-
-    describe('transform', () => {
-
-        const mockParentMap: ParentMap = generateParentMock({rX: 100, rY: 200, k: 1, width: 500, height: 500})
-        const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-        const mountComponentWithProps = (propsData: any) => {
-            return shallowMount(ChoroplethMapAnnotation, {
-                propsData,
-                global: {provide}
-            })
-        }
-
-        const testCases = [
-            {placement: PLACEMENTS.TOP, height: 150, width: 150, translateX: -75, translateY: -150},
-            {placement: PLACEMENTS.BOTTOM, height: 100, width: 200, translateX: -100, translateY: 0},
-            {placement: PLACEMENTS.LEFT, height: 200, width: 100, translateX: -100, translateY: -100},
-            {placement: PLACEMENTS.RIGHT, height: 150, width: 250, translateX: 0, translateY: -75}
-        ]
-
-        testCases.forEach(({placement, height, width, translateX, translateY}) => {
-            it(`computes transform correctly for placement ${placement} with height ${height} and width ${width}`, () => {
-                const wrapper = mountComponentWithProps({latitude: 0, longitude: 0, height, width, placement})
-
-                expect(wrapper.vm.translateX).toBe(translateX)
-                expect(wrapper.vm.translateY).toBe(translateY)
-                expect(wrapper.vm.transform).toBe(`translate(${translateX}, ${translateY})`)
-            })
-        })
-    })
-
-    describe('isVisible', () => {
-        it('is visible when within geoDistanceThreshold', () => {
-
-            const mockParentMap: ParentMap = generateParentMock({})
-            const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-            const wrapper = shallowMount(ChoroplethMapAnnotation, {
-                propsData: {
-                    latitude: 10,
-                    longitude: 0
-                },
-                global: {provide}
-            })
-
-            expect(wrapper.vm.isVisible).toBeTruthy()
-        })
-
-        it('is not visible when outside geoDistanceThreshold', () => {
-
-            const mockParentMap: ParentMap = generateParentMock({rX: 500, rY: 0})
-            const provide: ParentMapProvide = {[ParentKey]: mockParentMap}
-            const wrapper = shallowMount(ChoroplethMapAnnotation, {
-                propsData: {
-                    latitude: 0,
-                    longitude: 90,
-                },
-                global: {provide}
-            })
-            expect(wrapper.vm.isVisible).toBeFalsy()
-        })
-    })
-})

package/tests/unit/maps/SymbolMap.spec.js

@@ -1,92 +0,0 @@
-import { promises as fs } from 'fs'
-import { join, resolve } from 'path'
-import { shallowMount,flushPromises } from '@vue/test-utils'
-import SymbolMap from '@/maps/SymbolMap.vue'
-
-vi.mock('d3', async () => {
-  return {
-    ...await vi.importActual('d3'),
-    json: async url => {
-      const pathname = url.split('https://icij.github.io/murmur/').pop()
-      const abspath = resolve(__dirname, join('../../../public', pathname))
-      const raw = await fs.readFile(abspath, 'UTF-8')
-      return JSON.parse(raw)
-    }
-  }
-})
-
-describe('SymbolMap.vue', () => {
-
-  describe('a map of the world', () => {
-
-    let wrapper
-
-    beforeEach(async () => {
-      const propsData = {
-        hideTooltip: true,
-        data: [
-          { id: 1, latitude: 48.859116, longitude: 2.331839, color: '#6e40aa', category: 'TECH', label: 'Paris, France' },
-          { id: 2, latitude: -34.035875, longitude: 151.194191, color: '#ff5e63', category: 'FINANCE', label: 'Sydney, Australia' },
-          { id: 3, latitude: 38.9072, longitude: -77.0369, color: '#aff05b', category: 'EDITO', label: 'Washington DC, USA' }
-        ]
-      }
-      wrapper = shallowMount(SymbolMap, { propsData })
-      wrapper.vm.$refs.el.style.width = '500px'
-      await wrapper.vm.loadTopojson()
-      await wrapper.vm.$nextTick()
-    })
-
-    it('is a Vue instance', () => {
-      expect(wrapper.vm).toBeTruthy()
-    })
-
-    it('has a marker in the tech category', () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-tech path')
-      const { nodeValue: fill } = feature.wrapperElement.getAttributeNode('fill')
-      expect(fill).toBe('#6e40aa')
-    })
-
-    it('activates the cursor when mouse is over a marker', async () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-tech path')
-      await feature.trigger("mouseover")
-      expect(wrapper.vm.markerCursor).toBe(1)
-    })
-
-    it('has a marker in the finance category', () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-finance path')
-      const { nodeValue: fill } = feature.element.getAttributeNode('fill')
-      expect(fill).toBe('#ff5e63')
-    })
-
-    it('activates the cursor when mouse is over a marker', async () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-finance path')
-      await feature.trigger("mouseover")
-      expect(wrapper.vm.markerCursor).toBe(2)
-    })
-
-    it('deactivates the cursor when mouse leaves a marker', async () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-edito path')
-      await feature.trigger("mouseover")
-      expect(wrapper.vm.markerCursor).toBe(3)
-
-      await feature.trigger("mouseleave")
-      expect(wrapper.vm.markerCursor).toBe(null)
-    })
-
-    it('set a class to the component when a cursor is active', async () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-tech path')
-      await feature.trigger("mouseover")
-      expect(wrapper.classes('symbol-map--has-cursor')).toBeTruthy()
-    })
-
-    it('remove the class to the component when a cursor is removed', async () => {
-      const feature = wrapper.find('.symbol-map__main__markers__item--category-finance path')
-      await feature.trigger("mouseover")
-      expect(wrapper.vm.markerCursor).toBe(2)
-
-      expect(wrapper.classes('symbol-map--has-cursor')).toBeTruthy()
-      await feature.trigger("mouseleave")
-      expect(wrapper.classes('symbol-map--has-cursor')).toBeFalsy()
-    })
-  })
-})

package/tests/unit/require.spec.js

@@ -1,22 +0,0 @@
-import Murmur from '@/main'
-
-describe('the library bundle', () => {
-
-    it('should have a list of component', () => {
-      expect(Murmur.components).toHaveProperty('Brand')
-      expect(Murmur.components).toHaveProperty('ContentPlaceholder')
-      expect(Murmur.components).toHaveProperty('DonateForm')
-      expect(Murmur.components).toHaveProperty('EmbeddableFooter')
-      expect(Murmur.components).toHaveProperty('EmbedForm')
-      expect(Murmur.components).toHaveProperty('FollowUsPopover')
-      expect(Murmur.components).toHaveProperty('Fa')
-      expect(Murmur.components).toHaveProperty('GenericFooter')
-      expect(Murmur.components).toHaveProperty('GenericHeader')
-      expect(Murmur.components).toHaveProperty('ImddbHeader')
-      expect(Murmur.components).toHaveProperty('ResponsiveIframe')
-      expect(Murmur.components).toHaveProperty('SharingOptions')
-      expect(Murmur.components).toHaveProperty('SignUpForm')
-      expect(Murmur.components).toHaveProperty('SlideUpDown')
-    })
-
-})

package/tests/unit/setup.js

@@ -1,13 +0,0 @@
-import { config } from '@vue/test-utils';
-import {i18n} from "../../lib/i18n";
-import createBootstrap from "bootstrap-vue-next";
-
-// @ts-expect-error type
-  config.global.plugins = [i18n,createBootstrap()];
-  // @ts-expect-error type
-Object.defineProperty(document, 'fonts', {
-  value: { ready: Promise.resolve({}) },
-})
-global.HTMLCanvasElement.prototype.getContext = () => null;
-global.HTMLCanvasElement.prototype.toDataURL = () => null;
-global.URL.createObjectURL = () => "";

package/tests/unit/utils/assets.spec.js

@@ -1,61 +0,0 @@
-import { injectAsset, injectAssets } from '@/utils/assets'
-
-describe('assets.js', () => {
-
-  it('should define a script form Pym with a specify id', () => {
-    expect(window.pym).toBeUndefined()
-    injectAsset("https://pym.nprapps.org/pym.v1.min.js", "pym-js")
-    expect(document.querySelectorAll('#pym-js').length).toBe(1)
-  })
-
-  it('should define a script form Pym with a specify id only once', () => {
-    expect(window.pym).toBeUndefined()
-    injectAsset("https://pym.nprapps.org/pym.v1.min.js", "pym-js")
-    injectAsset("https://pym.nprapps.org/pym.v1.min.js", "pym-js")
-    expect(document.querySelectorAll('#pym-js').length).toBe(1)
-  })
-
-  it('should define a script form Pym once', () => {
-    expect(window.pym).toBeUndefined()
-    injectAsset("https://pym.nprapps.org/pym.v1.min.js")
-    expect(document.querySelectorAll('script[src="https://pym.nprapps.org/pym.v1.min.js"]').length).toBe(1)
-    injectAsset("https://pym.nprapps.org/pym.v1.min.js")
-    expect(document.querySelectorAll('script[src="https://pym.nprapps.org/pym.v1.min.js"]').length).toBe(1)
-  })
-
-  it('should define a script form Pym once, even if we pass an array with duplicates', () => {
-    injectAssets([
-      "https://pym.nprapps.org/pym.v1.min.js",
-      "https://pym.nprapps.org/pym.v1.min.js"
-    ])
-    expect(document.querySelectorAll('script[src="https://pym.nprapps.org/pym.v1.min.js"]').length).toBe(1)
-  })
-
-  it('should define two scripts', () => {
-    injectAssets([
-      "https://pym.nprapps.org/pym.v1.min.js",
-      "https://pym.nprapps.org/pym.v1.js"
-    ])
-
-    expect(document.querySelectorAll('script[src^="https://pym.nprapps.org/pym.v1"]').length).toBe(2)
-  })
-
-  it('should define two stylesheets', () => {
-    injectAssets([
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css",
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.css"
-    ])
-
-    expect(document.querySelectorAll('link[rel=stylesheet]').length).toBe(2)
-  })
-
-  it('should define two stylesheets, even with duplicates', () => {
-    injectAssets([
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css",
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.css",
-      "https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.css"
-    ])
-
-    expect(document.querySelectorAll('link[rel=stylesheet]').length).toBe(2)
-  })
-})

package/tests/unit/utils/clipboard.spec.js

@@ -1,18 +0,0 @@
-import noop from 'lodash/noop'
-import { copyText } from '@/utils/clipboard'
-
-describe('clipboard.js', () => {
-
-  it('should return a Promise', () => {
-    const promise = copyText('uwu').catch(noop)
-    expect(promise).toBeInstanceOf(Promise)
-  })
-
-  it('should reject the promise', async () => {
-    try {
-      await copyText('uwu')
-    } catch(error) {
-      expect(error.text).toBe('uwu')
-    }
-  })
-})

package/tests/unit/utils/iframe-resizer.spec.js

@@ -1,71 +0,0 @@
-import startsWith from 'lodash/startsWith'
-import IframeResizer from '@/utils/iframe-resizer'
-
-describe('iframe-resizer.ts', () => {
-
-  it('should define a `create` static method', () => {
-    expect(IframeResizer.create).toBeDefined()
-  })
-
-  it('should create an IframeResizer instance from a singleton', () => {
-    const first = IframeResizer.create()
-    const second = IframeResizer.create()
-    expect(first).toEqual(second)
-  })
-
-  it('should return a promise from the `sendHeight` method', () => {
-    const resizer = IframeResizer.create()
-    expect(resizer.sendHeight()).toBeInstanceOf(Promise)
-  })
-
-  it('should define a `template` static method', () => {
-    expect(IframeResizer.template).toBeDefined()
-  })
-
-  it('should return a script tag as template', () => {
-    expect(startsWith(IframeResizer.template(), '<script ')).toBeTruthy()
-  })
-
-  it('should return a script tag as template with a custom id', () => {
-    const template = IframeResizer.template(window.location.href, 'uwu')
-    expect(startsWith(template, '<script ')).toBeTruthy()
-    expect(template.includes('id="uwu"')).toBeTruthy()
-  })
-
-  it('should define a `deletePymParams` static method', () => {
-    expect(IframeResizer.deletePymParams).toBeDefined()
-  })
-
-  it('should delete Pym\'s params from the given location', () => {
-    const url = 'https://projects.icij.org/?initialWidth=720&childId=example-graphic'
-    expect(IframeResizer.deletePymParams(url)).toBe('https://projects.icij.org/')
-  })
-
-  it('should delete Pym\'s params from the other given location', () => {
-    const url = 'https://projects.icij.org/test/?initialWidth=720'
-    expect(IframeResizer.deletePymParams(url)).toBe('https://projects.icij.org/test/')
-  })
-
-  it('shouldn\'t delete Pym\'s params from given location because there is none', () => {
-    const url = 'https://projects.icij.org/test/?initial=720'
-    expect(IframeResizer.deletePymParams(url)).toBe(url)
-  })
-
-  it('should define a `isEmbedded` static method', () => {
-    expect(IframeResizer.isEmbedded).toBeDefined()
-  })
-
-  it('should say the current location is not embedded', () => {
-    expect(IframeResizer.isEmbedded()).toBeFalsy()
-  })
-
-  it('should say the given location is not embedded', () => {
-    const url = 'https://projects.icij.org/'
-    expect(IframeResizer.isEmbedded(url)).toBeFalsy()
-  })
-
-  it('should say the given location is embedded', () => {
-    const url = 'https://projects.icij.org/?initialWidth=720&childId=example-graphic'
-    expect(IframeResizer.isEmbedded(url)).toBeFalsy()
-  })
-})