diff --git a/package.json b/package.json index eb48eff..b8898b3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lucaswerey/dslib-pfe", - "version": "0.0.66", + "version": "0.0.67", "private": false, "main": "./lib/index.umd.js", "module": "./lib/index.mjs", diff --git a/src/components/Containment/RankingContainer/RankingContainer.spec.ts b/src/components/Containment/RankingContainer/RankingContainer.spec.ts index b56a6f8..9c0f51e 100644 --- a/src/components/Containment/RankingContainer/RankingContainer.spec.ts +++ b/src/components/Containment/RankingContainer/RankingContainer.spec.ts @@ -95,4 +95,25 @@ describe('RankingContainer', () => { }) await scrollContainer.trigger('mouseup') }) + it('emits the correct events', async () => { + const wrapper = mount(RankingContainer, { + props: { + title: 'Test Title', + labels: [], + topRank: false, + isDraggable: true + } + }) + + const containerElement = wrapper.find('[data-test="container"]') + + await containerElement.trigger('dragstart') + expect(wrapper.emitted()).toHaveProperty('dragstart') + + await containerElement.trigger('dragover') + expect(wrapper.emitted()).toHaveProperty('dragover') + + await containerElement.trigger('drop') + expect(wrapper.emitted()).toHaveProperty('drop') + }) }) diff --git a/src/components/Containment/RankingContainer/RankingContainer.story.vue b/src/components/Containment/RankingContainer/RankingContainer.story.vue index fb95512..e026a29 100644 --- a/src/components/Containment/RankingContainer/RankingContainer.story.vue +++ b/src/components/Containment/RankingContainer/RankingContainer.story.vue @@ -29,9 +29,6 @@ :topRank="controls.topRank" :draggable="controls.draggable" :is-draggable="controls.draggable" - @dragstart="event => console.log('dragstart', event)" - @dragover="event => console.log('dragover', event)" - @drop="event => console.log('drop', event)" /> @@ -44,9 +41,9 @@ :topRank="container.topRank" draggable="true" isDraggable - @dragstart="event => handleDragStart(event, index)" + @dragstart="(event: DragEvent) => handleDragStart(event, index)" @dragover="handleDragOver" - @drop="event => handleDrop(event, index)" + @drop="(event: DragEvent) => handleDrop(event, index)" />