test: Add first test

Author: untemps

.prettierrc

@@ -11,7 +11,7 @@
 		{
 			"files": "./**/*.js",
 			"options": {
-				"parser": "babylon"
+				"parser": "babel"
 			}
 		},
       {

src/__tests__/useDropOutside.test.js

@@ -0,0 +1,33 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { createElement } from '@untemps/utils/dom/createElement'
+
+import useDropOutside from '../useDropOutside'
+
+const initTarget = (id) => {
+	return createElement({ tag: 'div', attributes: { id, class: 'bar' }, parent: document.body })
+}
+
+describe('useDropOutside', () => {
+	let target,
+		options = null
+
+	beforeEach(() => {
+		target = initTarget('target')
+		options = {}
+	})
+
+	afterEach(() => {
+		target = null
+		options = null
+	})
+
+	describe('init', () => {
+		it('Sets draggable attribute on target', async () => {
+			useDropOutside(target, options)
+			expect(target.draggable).toBeTruthy()
+		})
+	})
+})

src/useDropOutside.js

@@ -17,14 +17,13 @@ const useDropOutside = (node, { areaSelector, dragImage, onDropOutside, onDropIn
 
 		document.addEventListener('dragover', _onDragOver)
 		document.addEventListener('drop', _onDrop)
-		
+
 		node.addEventListener('dragend', _onDragEnd)
 	}
 
 	const _onDragOver = (e) => {
 		e.preventDefault()
 
-		
 		if (e.target === safeArea || safeArea.contains(e.target)) {
 			e.dataTransfer.dropEffect = 'none'
 		}
@@ -35,7 +34,7 @@ const useDropOutside = (node, { areaSelector, dragImage, onDropOutside, onDropIn
 
 		document.removeEventListener('dragover', _onDragOver)
 		document.removeEventListener('drop', _onDrop)
-		
+
 		onDropInside?.(node)
 	}
 
@@ -47,7 +46,7 @@ const useDropOutside = (node, { areaSelector, dragImage, onDropOutside, onDropIn
 
 		if (e.target !== safeArea && !safeArea.contains(e.target)) {
 			onDropOutside?.(node)
-			
+
 			node.removeEventListener('dragend', _onDragEnd)
 		}
 	}