chore: update non-breaking deps (#367)

bin/bundlesize.js

@@ -5,7 +5,7 @@ import { promisify } from 'node:util'
 import prettyBytes from 'pretty-bytes'
 import fs from 'node:fs/promises'
 
-const MAX_SIZE_MIN = '42.5 kB'
+const MAX_SIZE_MIN = '42.6 kB'
 const MAX_SIZE_MINGZ = '15 kB'
 
 const FILENAME = './bundle.js'

package.json

@@ -74,60 +74,60 @@
   },
   "homepage": "https://github.com/nolanlawson/emoji-picker-element#readme",
   "devDependencies": {
-    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-env": "^7.22.20",
     "@peculiar/webcrypto": "^1.4.3",
-    "@rollup/plugin-commonjs": "^25.0.1",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-strip": "^3.0.2",
-    "@testing-library/dom": "^9.3.1",
+    "@rollup/plugin-commonjs": "^25.0.5",
+    "@rollup/plugin-node-resolve": "^15.2.2",
+    "@rollup/plugin-replace": "^5.0.3",
+    "@rollup/plugin-strip": "^3.0.3",
+    "@testing-library/dom": "^9.3.3",
     "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/user-event": "^14.4.3",
-    "babel-jest": "^29.5.0",
+    "@testing-library/user-event": "^14.5.1",
+    "babel-jest": "^29.7.0",
     "blob-util": "^2.0.2",
     "compression": "^1.7.4",
     "conventional-changelog-cli": "^2.2.2",
     "cross-env": "^7.0.3",
     "csso": "^5.0.2",
     "d2l-resize-aware": "BrightspaceUI/resize-aware#semver:^1.2.2",
-    "emoji-picker-element-data": "^1.4.0",
+    "emoji-picker-element-data": "^1.5.0",
     "emojibase-data": "^5.1.1",
     "express": "^4.18.2",
-    "fake-indexeddb": "^4.0.1",
+    "fake-indexeddb": "^4.0.2",
     "fetch-mock-jest": "^1.5.1",
     "flat-color-icons": "^1.1.0",
     "focus-visible": "^5.2.0",
     "get-folder-size": "^4.0.0",
     "husky": "^8.0.3",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^13.2.2",
     "lodash-es": "^4.17.15",
     "markdown-table": "^3.0.2",
     "markdown-toc": "^1.2.0",
     "node-fetch": "^2.6.7",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.35.1",
-    "pretty-bytes": "^6.1.0",
-    "puppeteer": "^20.7.2",
+    "playwright": "^1.38.1",
+    "pretty-bytes": "^6.1.1",
+    "puppeteer": "^21.3.8",
     "recursive-readdir": "^2.2.3",
     "rollup": "^3.25.1",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-svelte": "^7.1.5",
+    "rollup-plugin-svelte": "^7.1.6",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.63.4",
+    "sass": "^1.69.0",
     "shx": "^0.3.4",
     "standard": "^17.1.0",
-    "string.prototype.replaceall": "^1.0.6",
-    "stylelint": "^15.8.0",
+    "string.prototype.replaceall": "^1.0.8",
+    "stylelint": "^15.10.3",
     "stylelint-config-recommended-scss": "^12.0.0",
-    "stylelint-scss": "^5.0.1",
+    "stylelint-scss": "^5.2.1",
     "svelte": "^3.59.1",
     "svelte-jester": "^2.3.2",
     "svelte-preprocess": "^5.0.4",
     "svgo": "^3.0.2",
     "tachometer": "^0.7.0",
-    "terser": "^5.18.0"
+    "terser": "^5.21.0"
   },
   "//": {
     "jsonwebtoken": "comes from tachometer, tachometer is pinned for now due to breaking change, but jsonwebtoken 8 has a vuln"
@@ -191,7 +191,7 @@
     "*.(css|scss)": "stylelint --fix '**/*.scss'"
   },
   "volta": {
-    "node": "18.16.0",
+    "node": "18.18.0",
     "yarn": "1.22.19"
   }
 }

test/spec/picker/Picker.test.js

@@ -327,17 +327,17 @@ describe('Picker tests', () => {
   })
 
   test('press enter to make first search item active', async () => {
-    await tick(20)
+    await tick(120)
     type(getByRole('combobox'), 'monkey face')
     await waitFor(() => expect(getAllByRole('option')).toHaveLength(1))
     expect(getByRole('combobox').getAttribute('aria-activedescendant')).toBeFalsy()
-    await tick(20)
+    await tick(120)
     fireEvent.keyDown(getByRole('combobox'), { key: 'Enter', code: 'Enter' })
     await waitFor(() => (
       expect(getByRole('combobox').getAttribute('aria-activedescendant'))
         .toBe(getByRole('option', { name: /🐵/ }).getAttribute('id'))
-    ), { timeout: 2000 })
-  }, 5000)
+    ), { timeout: 5000 })
+  }, 10000)
 
   test('press enter to make first search item active - custom emoji', async () => {
     picker.customEmoji = [
@@ -349,14 +349,16 @@ describe('Picker tests', () => {
       }
     ]
 
+    await tick(120)
     type(getByRole('combobox'), 'donkey')
     await waitFor(() => expect(getAllByRole('option')).toHaveLength(1))
     expect(getByRole('combobox').getAttribute('aria-activedescendant')).toBeFalsy()
+    await tick(120)
     fireEvent.keyDown(getByRole('combobox'), { key: 'Enter', code: 'Enter' })
     await waitFor(() => {
       return expect(getByRole('combobox').getAttribute('aria-activedescendant'))
         .toBe(getByRole('option', { name: /donkey/ }).getAttribute('id'))
-    }, { timeout: 2000 })
+    }, { timeout: 5000 })
 
     let emoji
     picker.addEventListener('emoji-click', event => {
@@ -366,7 +368,7 @@ describe('Picker tests', () => {
     fireEvent.keyDown(getByRole('combobox'), { key: 'Enter', code: 'Enter' })
 
     await waitFor(() => expect(emoji && emoji.name === 'donkey'))
-  }, 5000)
+  }, 10000)
 
   test('Closes skintone picker when blurred', async () => {
     fireEvent.click(getByRole('button', { name: /Choose a skin tone/ }))

test/spec/picker/lifecycle.test.js

@@ -75,7 +75,7 @@ describe('lifecycle', () => {
     document.body.appendChild(picker)
     document.body.removeChild(picker)
 
-    await tick(60)
+    await tick(120)
 
     expect(fetch).toHaveBeenCalledTimes(1)
     expect(fetch).toHaveBeenLastCalledWith(DEFAULT_DATA_SOURCE, undefined)