refactor: remove lodash

package.json

@@ -86,7 +86,6 @@
     "chalk": "^3.0.0",
     "css.escape": "^1.5.1",
     "dom-accessibility-api": "^0.6.3",
-    "lodash": "^4.17.15",
     "redent": "^3.0.0"
   },
   "devDependencies": {

src/to-have-form-values.js

@@ -1,16 +1,10 @@
-import isEqualWith from 'lodash/isEqualWith.js'
-import uniq from 'lodash/uniq.js'
 import escape from 'css.escape'
-import {
-  checkHtmlElement,
-  compareArraysAsSet,
-  getSingleElementValue,
-} from './utils'
+import {checkHtmlElement, getSingleElementValue} from './utils'
 
 // Returns the combined value of several elements that have the same name
 // e.g. radio buttons or groups of checkboxes
 function getMultiElementValue(elements) {
-  const types = uniq(elements.map(element => element.type))
+  const types = [...new Set(elements.map(element => element.type))]
   if (types.length !== 1) {
     throw new Error(
       'Multiple form elements with the same name must be of the same type',
@@ -69,9 +63,15 @@ export function toHaveFormValues(formElement, expectedValues) {
   }
   const formValues = getAllFormValues(formElement)
   return {
-    pass: Object.entries(expectedValues).every(([name, expectedValue]) =>
-      isEqualWith(formValues[name], expectedValue, compareArraysAsSet),
-    ),
+    pass: Object.entries(expectedValues).every(([name, expectedValue]) => {
+      if (Array.isArray(formValues[name]) && Array.isArray(expectedValue)) {
+        return [...new Set(formValues[name])].every(v =>
+          new Set(expectedValue).has(v),
+        )
+      } else {
+        return formValues[name] === expectedValue
+      }
+    }),
     message: () => {
       const to = this.isNot ? 'not to' : 'to'
       const matcher = `${this.isNot ? '.not' : ''}.toHaveFormValues`

src/to-have-value.js

@@ -1,10 +1,4 @@
-import isEqualWith from 'lodash/isEqualWith.js'
-import {
-  checkHtmlElement,
-  compareArraysAsSet,
-  getMessage,
-  getSingleElementValue,
-} from './utils'
+import {checkHtmlElement, getMessage, getSingleElementValue} from './utils'
 
 export function toHaveValue(htmlElement, expectedValue) {
   checkHtmlElement(htmlElement, toHaveValue, this)
@@ -30,7 +24,9 @@ export function toHaveValue(htmlElement, expectedValue) {
 
   return {
     pass: expectsValue
-      ? isEqualWith(receivedValue, expectedValue, compareArraysAsSet)
+      ? Array.isArray(receivedValue) && Array.isArray(expectedValue)
+        ? [...new Set(receivedValue)].every(v => new Set(expectedValue).has(v))
+        : receivedValue === expectedValue
       : Boolean(receivedValue),
     message: () => {
       const to = this.isNot ? 'not to' : 'to'

src/utils.js

@@ -1,5 +1,4 @@
 import redent from 'redent'
-import isEqual from 'lodash/isEqual.js'
 import {parse} from '@adobe/css-tools'
 
 class GenericTypeError extends Error {
@@ -212,13 +211,6 @@ function getSingleElementValue(element) {
   }
 }
 
-function compareArraysAsSet(a, b) {
-  if (Array.isArray(a) && Array.isArray(b)) {
-    return isEqual(new Set(a), new Set(b))
-  }
-  return undefined
-}
-
 function toSentence(
   array,
   {wordConnector = ', ', lastWordConnector = ' and '} = {},
@@ -240,6 +232,5 @@ export {
   normalize,
   getTag,
   getSingleElementValue,
-  compareArraysAsSet,
   toSentence,
 }