Merge pull request #1861 from vishal423/update-dependencies-oct

Update application dependencies

Author: vishal423

generators/client/files.js

@@ -19,6 +19,7 @@ const svelteFiles = {
 					file: generator => `package-template.json`,
 					renameTo: () => `package.json`,
 				},
+				'jest-setup.js',
 				'jest.config.cjs',
 				'jsconfig.json',
 				'postcss.config.cjs',

generators/client/templates/svelte/jest-setup.js.ejs

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

generators/client/templates/svelte/jest.config.cjs.ejs

@@ -10,7 +10,7 @@ module.exports = {
 	moduleNameMapper: {
 		'^\\$lib(.*)$': '<rootDir>/<%= CLIENT_MAIN_SRC_DIR %>app/lib$1',
 	},
-	setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+	setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
 	coverageDirectory: '<rootDir>/<%= BUILD_DIR %>jest-coverage/',
 	cacheDirectory: '<rootDir>/<%= BUILD_DIR %>jest-cache',
 	reporters: [

generators/client/templates/svelte/package.json

@@ -4,35 +4,35 @@
 		"@fortawesome/free-solid-svg-icons": "6.4.2"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "2.0.2",
-		"@sveltejs/kit": "1.20.2",
-		"@testing-library/jest-dom": "5.16.5",
+		"@sveltejs/adapter-static": "2.0.3",
+		"@sveltejs/kit": "1.25.1",
+		"@testing-library/jest-dom": "6.1.3",
 		"@testing-library/svelte": "4.0.3",
-		"autoprefixer": "10.4.15",
+		"autoprefixer": "10.4.16",
 		"cross-env": "7.0.3",
-		"cypress": "13.1.0",
-		"esbuild": "0.19.3",
-		"eslint": "8.48.0",
-		"eslint-plugin-cypress": "2.14.0",
+		"cypress": "13.3.0",
+		"esbuild": "0.19.4",
+		"eslint": "8.50.0",
+		"eslint-plugin-cypress": "2.15.1",
 		"eslint-plugin-jest-dom": "5.1.0",
-		"eslint-plugin-svelte": "2.33.0",
-		"eslint-plugin-testing-library": "5.11.0",
+		"eslint-plugin-svelte": "2.33.2",
+		"eslint-plugin-testing-library": "6.0.2",
 		"husky": "8.0.3",
-		"jest": "29.6.4",
-		"jest-environment-jsdom": "29.6.4",
+		"jest": "29.7.0",
+		"jest-environment-jsdom": "29.7.0",
 		"jest-junit": "16.0.0",
 		"jest-sonar": "0.2.16",
-		"jhipster-svelte-library": "0.11.2",
-		"postcss": "8.4.29",
+		"jhipster-svelte-library": "0.12.1",
+		"postcss": "8.4.31",
 		"prettier": "2.8.8",
 		"prettier-plugin-svelte": "2.10.1",
 		"prettier-plugin-organize-imports": "3.2.2",
 		"pretty-quick": "3.1.3",
-		"rimraf": "5.0.1",
-		"svelte": "3.59.2",
-		"svelte-jester": "2.3.2",
+		"rimraf": "5.0.5",
+		"svelte": "4.2.1",
+		"svelte-jester": "3.0.0",
 		"tailwindcss": "3.3.3",
-		"svelte-check": "3.5.1",
+		"svelte-check": "3.5.2",
 		"vite": "4.4.9"
 	}
 }

generators/client/templates/svelte/src/main/webapp/app/lib/admin/logger/logger-table.spec.js.ejs

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom/extend-expect'
 import { jest } from '@jest/globals'
 import { fireEvent, render } from '@testing-library/svelte'
 import { screen } from '@testing-library/dom'
@@ -106,7 +105,7 @@ test('should dispatch the changeloglevel event', async () => {
 	const mockHandler = jest.fn()
 	component.$on('changeloglevel', mockHandler)
 
-	await fireEvent.click(button)
+	fireEvent.click(button)
 
 	expect(mockHandler).toHaveBeenCalled()
 	expect(mockHandler.mock.calls[0][0].detail).toStrictEqual({

generators/client/templates/svelte/src/main/webapp/app/lib/admin/user-management/user-list-actions.spec.js.ejs

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom/extend-expect'
 import { jest } from '@jest/globals'
 import { render, fireEvent } from '@testing-library/svelte'
 import { screen } from '@testing-library/dom'
@@ -84,7 +83,7 @@ test('should dispatch the toggleuseraccount event', async () => {
 	const mockHandler = jest.fn()
 	component.$on('toggleuseraccount', mockHandler)
 
-	await fireEvent.click(button)
+	fireEvent.click(button)
 
 	expect(mockHandler).toHaveBeenCalled()
 	expect(mockHandler.mock.calls[0][0].detail).toStrictEqual({
@@ -106,7 +105,7 @@ test('should dispatch the view event', async () => {
 	const mockHandler = jest.fn()
 	component.$on('view', mockHandler)
 
-	await fireEvent.click(button)
+	fireEvent.click(button)
 
 	expect(mockHandler).toHaveBeenCalled()
 	expect(mockHandler.mock.calls[0][0].detail).toStrictEqual({

generators/client/templates/svelte/src/main/webapp/app/lib/admin/user-management/user-table.spec.js.ejs

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom/extend-expect'
 import { render } from '@testing-library/svelte'
 import { screen } from '@testing-library/dom'
 

generators/entity-client/templates/svelte/src/main/webapp/app/lib/entities/entity/entity-table.spec.js.ejs

@@ -7,8 +7,7 @@ const containsRelationshipField = relationshipFields && relationshipFields.lengt
 const entityFakeData = generateFakeData('cypress');
 const testId = 1000000;
 _%>
-import '@testing-library/jest-dom/extend-expect'
-import {fireEvent, render} from '@testing-library/svelte'
+import {fireEvent, render, waitFor } from '@testing-library/svelte'
 import { screen } from '@testing-library/dom'
 
 import <%= entityAngularName %>Table from './<%= entityFileName %>-table.svelte'
@@ -226,6 +225,6 @@ _%>
 	expect(button).toBeEnabled()
 	expect(button).toHaveClass('hidden')
 
-	await fireEvent.mouseEnter(screen.getByRole('row', { name: /<%= testId %>/i }))
-	expect(button).not.toHaveClass('hidden')
+	fireEvent.mouseEnter(screen.getByRole('row', { name: /<%= testId %>/i }))
+	await waitFor(() => expect(button).not.toHaveClass('hidden'))
 })