diff --git a/src/Umbraco.Web.UI.Client/package-lock.json b/src/Umbraco.Web.UI.Client/package-lock.json
index bf99307417..131f74a875 100644
--- a/src/Umbraco.Web.UI.Client/package-lock.json
+++ b/src/Umbraco.Web.UI.Client/package-lock.json
@@ -49,7 +49,7 @@
 				"@web/dev-server-import-maps": "^0.1.1",
 				"@web/dev-server-rollup": "^0.6.0",
 				"@web/test-runner": "^0.18.0",
-				"@web/test-runner-playwright": "^0.10.1",
+				"@web/test-runner-playwright": "^0.11.0",
 				"babel-loader": "^9.1.3",
 				"eslint": "^8.55.0",
 				"eslint-config-prettier": "^9.0.0",
@@ -9147,22 +9147,6 @@
 				"node": ">=18.0.0"
 			}
 		},
-		"node_modules/@web/test-runner-chrome/node_modules/@web/test-runner-coverage-v8": {
-			"version": "0.8.0",
-			"resolved": "https://registry.npmjs.org/@web/test-runner-coverage-v8/-/test-runner-coverage-v8-0.8.0.tgz",
-			"integrity": "sha512-PskiucYpjUtgNfR2zF2AWqWwjXL7H3WW/SnCAYmzUrtob7X9o/+BjdyZ4wKbOxWWSbJO4lEdGIDLu+8X2Xw+lA==",
-			"dev": true,
-			"dependencies": {
-				"@web/test-runner-core": "^0.13.0",
-				"istanbul-lib-coverage": "^3.0.0",
-				"lru-cache": "^8.0.4",
-				"picomatch": "^2.2.2",
-				"v8-to-istanbul": "^9.0.1"
-			},
-			"engines": {
-				"node": ">=18.0.0"
-			}
-		},
 		"node_modules/@web/test-runner-chrome/node_modules/convert-source-map": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -9274,21 +9258,117 @@
 			"dev": true
 		},
 		"node_modules/@web/test-runner-coverage-v8": {
-			"version": "0.7.1",
-			"resolved": "https://registry.npmjs.org/@web/test-runner-coverage-v8/-/test-runner-coverage-v8-0.7.1.tgz",
-			"integrity": "sha512-R0laTOxbLg7kVKHCBILEmja3w1ihlwkB+eRc7J06/ByyZoQVWxkM9SrTAUx7qCFI6o738Jj24a6TfIDbu3CwSA==",
+			"version": "0.8.0",
+			"resolved": "https://registry.npmjs.org/@web/test-runner-coverage-v8/-/test-runner-coverage-v8-0.8.0.tgz",
+			"integrity": "sha512-PskiucYpjUtgNfR2zF2AWqWwjXL7H3WW/SnCAYmzUrtob7X9o/+BjdyZ4wKbOxWWSbJO4lEdGIDLu+8X2Xw+lA==",
 			"dev": true,
 			"dependencies": {
-				"@web/test-runner-core": "^0.11.0",
+				"@web/test-runner-core": "^0.13.0",
 				"istanbul-lib-coverage": "^3.0.0",
 				"lru-cache": "^8.0.4",
 				"picomatch": "^2.2.2",
 				"v8-to-istanbul": "^9.0.1"
 			},
 			"engines": {
-				"node": ">=16.0.0"
+				"node": ">=18.0.0"
 			}
 		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/@web/browser-logs": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/@web/browser-logs/-/browser-logs-0.4.0.tgz",
+			"integrity": "sha512-/EBiDAUCJ2DzZhaFxTPRIznEPeafdLbXShIL6aTu7x73x7ZoxSDv7DGuTsh2rWNMUa4+AKli4UORrpyv6QBOiA==",
+			"dev": true,
+			"dependencies": {
+				"errorstacks": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/@web/dev-server-core": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@web/dev-server-core/-/dev-server-core-0.7.0.tgz",
+			"integrity": "sha512-1FJe6cJ3r0x0ZmxY/FnXVduQD4lKX7QgYhyS6N+VmIpV+tBU4sGRbcrmeoYeY+nlnPa6p2oNuonk3X5ln/W95g==",
+			"dev": true,
+			"dependencies": {
+				"@types/koa": "^2.11.6",
+				"@types/ws": "^7.4.0",
+				"@web/parse5-utils": "^2.1.0",
+				"chokidar": "^3.4.3",
+				"clone": "^2.1.2",
+				"es-module-lexer": "^1.0.0",
+				"get-stream": "^6.0.0",
+				"is-stream": "^2.0.0",
+				"isbinaryfile": "^5.0.0",
+				"koa": "^2.13.0",
+				"koa-etag": "^4.0.0",
+				"koa-send": "^5.0.1",
+				"koa-static": "^5.0.0",
+				"lru-cache": "^8.0.4",
+				"mime-types": "^2.1.27",
+				"parse5": "^6.0.1",
+				"picomatch": "^2.2.2",
+				"ws": "^7.4.2"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/@web/test-runner-core": {
+			"version": "0.13.0",
+			"resolved": "https://registry.npmjs.org/@web/test-runner-core/-/test-runner-core-0.13.0.tgz",
+			"integrity": "sha512-mUrETPg9n4dHWEk+D46BU3xVhQf+ljT4cG7FSpmF7AIOsXWgWHoaXp6ReeVcEmM5fmznXec2O/apTb9hpGrP3w==",
+			"dev": true,
+			"dependencies": {
+				"@babel/code-frame": "^7.12.11",
+				"@types/babel__code-frame": "^7.0.2",
+				"@types/co-body": "^6.1.0",
+				"@types/convert-source-map": "^2.0.0",
+				"@types/debounce": "^1.2.0",
+				"@types/istanbul-lib-coverage": "^2.0.3",
+				"@types/istanbul-reports": "^3.0.0",
+				"@web/browser-logs": "^0.4.0",
+				"@web/dev-server-core": "^0.7.0",
+				"chokidar": "^3.4.3",
+				"cli-cursor": "^3.1.0",
+				"co-body": "^6.1.0",
+				"convert-source-map": "^2.0.0",
+				"debounce": "^1.2.0",
+				"dependency-graph": "^0.11.0",
+				"globby": "^11.0.1",
+				"ip": "^1.1.5",
+				"istanbul-lib-coverage": "^3.0.0",
+				"istanbul-lib-report": "^3.0.1",
+				"istanbul-reports": "^3.0.2",
+				"log-update": "^4.0.0",
+				"nanocolors": "^0.2.1",
+				"nanoid": "^3.1.25",
+				"open": "^8.0.2",
+				"picomatch": "^2.2.2",
+				"source-map": "^0.7.3"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/convert-source-map": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+			"dev": true
+		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/es-module-lexer": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+			"integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+			"dev": true
+		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/ip": {
+			"version": "1.1.8",
+			"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+			"integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+			"dev": true
+		},
 		"node_modules/@web/test-runner-coverage-v8/node_modules/lru-cache": {
 			"version": "8.0.5",
 			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-8.0.5.tgz",
@@ -9298,6 +9378,27 @@
 				"node": ">=16.14"
 			}
 		},
+		"node_modules/@web/test-runner-coverage-v8/node_modules/ws": {
+			"version": "7.5.9",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
+			"integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=8.3.0"
+			},
+			"peerDependencies": {
+				"bufferutil": "^4.0.1",
+				"utf-8-validate": "^5.0.2"
+			},
+			"peerDependenciesMeta": {
+				"bufferutil": {
+					"optional": true
+				},
+				"utf-8-validate": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@web/test-runner-mocha": {
 			"version": "0.9.0",
 			"resolved": "https://registry.npmjs.org/@web/test-runner-mocha/-/test-runner-mocha-0.9.0.tgz",
@@ -9437,17 +9538,143 @@
 			}
 		},
 		"node_modules/@web/test-runner-playwright": {
-			"version": "0.10.1",
-			"resolved": "https://registry.npmjs.org/@web/test-runner-playwright/-/test-runner-playwright-0.10.1.tgz",
-			"integrity": "sha512-/sEfuKc60UT0gXdn7M6lFddh+nCepO73gLPe2Og7jfoFv2tDkkk41RYBG75jx11RMVOJ6+i1peluLZSVxLlcEg==",
+			"version": "0.11.0",
+			"resolved": "https://registry.npmjs.org/@web/test-runner-playwright/-/test-runner-playwright-0.11.0.tgz",
+			"integrity": "sha512-s+f43DSAcssKYVOD9SuzueUcctJdHzq1by45gAnSCKa9FQcaTbuYe8CzmxA21g+NcL5+ayo4z+MA9PO4H+PssQ==",
 			"dev": true,
 			"dependencies": {
-				"@web/test-runner-core": "^0.11.0",
-				"@web/test-runner-coverage-v8": "^0.7.0",
+				"@web/test-runner-core": "^0.13.0",
+				"@web/test-runner-coverage-v8": "^0.8.0",
 				"playwright": "^1.22.2"
 			},
 			"engines": {
-				"node": ">=16.0.0"
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/@web/browser-logs": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/@web/browser-logs/-/browser-logs-0.4.0.tgz",
+			"integrity": "sha512-/EBiDAUCJ2DzZhaFxTPRIznEPeafdLbXShIL6aTu7x73x7ZoxSDv7DGuTsh2rWNMUa4+AKli4UORrpyv6QBOiA==",
+			"dev": true,
+			"dependencies": {
+				"errorstacks": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/@web/dev-server-core": {
+			"version": "0.7.0",
+			"resolved": "https://registry.npmjs.org/@web/dev-server-core/-/dev-server-core-0.7.0.tgz",
+			"integrity": "sha512-1FJe6cJ3r0x0ZmxY/FnXVduQD4lKX7QgYhyS6N+VmIpV+tBU4sGRbcrmeoYeY+nlnPa6p2oNuonk3X5ln/W95g==",
+			"dev": true,
+			"dependencies": {
+				"@types/koa": "^2.11.6",
+				"@types/ws": "^7.4.0",
+				"@web/parse5-utils": "^2.1.0",
+				"chokidar": "^3.4.3",
+				"clone": "^2.1.2",
+				"es-module-lexer": "^1.0.0",
+				"get-stream": "^6.0.0",
+				"is-stream": "^2.0.0",
+				"isbinaryfile": "^5.0.0",
+				"koa": "^2.13.0",
+				"koa-etag": "^4.0.0",
+				"koa-send": "^5.0.1",
+				"koa-static": "^5.0.0",
+				"lru-cache": "^8.0.4",
+				"mime-types": "^2.1.27",
+				"parse5": "^6.0.1",
+				"picomatch": "^2.2.2",
+				"ws": "^7.4.2"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/@web/test-runner-core": {
+			"version": "0.13.0",
+			"resolved": "https://registry.npmjs.org/@web/test-runner-core/-/test-runner-core-0.13.0.tgz",
+			"integrity": "sha512-mUrETPg9n4dHWEk+D46BU3xVhQf+ljT4cG7FSpmF7AIOsXWgWHoaXp6ReeVcEmM5fmznXec2O/apTb9hpGrP3w==",
+			"dev": true,
+			"dependencies": {
+				"@babel/code-frame": "^7.12.11",
+				"@types/babel__code-frame": "^7.0.2",
+				"@types/co-body": "^6.1.0",
+				"@types/convert-source-map": "^2.0.0",
+				"@types/debounce": "^1.2.0",
+				"@types/istanbul-lib-coverage": "^2.0.3",
+				"@types/istanbul-reports": "^3.0.0",
+				"@web/browser-logs": "^0.4.0",
+				"@web/dev-server-core": "^0.7.0",
+				"chokidar": "^3.4.3",
+				"cli-cursor": "^3.1.0",
+				"co-body": "^6.1.0",
+				"convert-source-map": "^2.0.0",
+				"debounce": "^1.2.0",
+				"dependency-graph": "^0.11.0",
+				"globby": "^11.0.1",
+				"ip": "^1.1.5",
+				"istanbul-lib-coverage": "^3.0.0",
+				"istanbul-lib-report": "^3.0.1",
+				"istanbul-reports": "^3.0.2",
+				"log-update": "^4.0.0",
+				"nanocolors": "^0.2.1",
+				"nanoid": "^3.1.25",
+				"open": "^8.0.2",
+				"picomatch": "^2.2.2",
+				"source-map": "^0.7.3"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/convert-source-map": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+			"dev": true
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/es-module-lexer": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
+			"integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+			"dev": true
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/ip": {
+			"version": "1.1.8",
+			"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+			"integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+			"dev": true
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/lru-cache": {
+			"version": "8.0.5",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-8.0.5.tgz",
+			"integrity": "sha512-MhWWlVnuab1RG5/zMRRcVGXZLCXrZTgfwMikgzCegsPnG62yDQo5JnqKkrK4jO5iKqDAZGItAqN5CtKBCBWRUA==",
+			"dev": true,
+			"engines": {
+				"node": ">=16.14"
+			}
+		},
+		"node_modules/@web/test-runner-playwright/node_modules/ws": {
+			"version": "7.5.9",
+			"resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
+			"integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=8.3.0"
+			},
+			"peerDependencies": {
+				"bufferutil": "^4.0.1",
+				"utf-8-validate": "^5.0.2"
+			},
+			"peerDependenciesMeta": {
+				"bufferutil": {
+					"optional": true
+				},
+				"utf-8-validate": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/@web/test-runner/node_modules/@web/browser-logs": {
diff --git a/src/Umbraco.Web.UI.Client/package.json b/src/Umbraco.Web.UI.Client/package.json
index 971683b4be..5f591df8cb 100644
--- a/src/Umbraco.Web.UI.Client/package.json
+++ b/src/Umbraco.Web.UI.Client/package.json
@@ -169,7 +169,7 @@
 		"@web/dev-server-esbuild": "^0.4.1",
 		"@web/dev-server-import-maps": "^0.1.1",
 		"@web/dev-server-rollup": "^0.6.0",
-		"@web/test-runner-playwright": "^0.10.1",
+		"@web/test-runner-playwright": "^0.11.0",
 		"@web/test-runner": "^0.18.0",
 		"babel-loader": "^9.1.3",
 		"eslint-config-prettier": "^9.0.0",
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.element.ts
index ccc431e95b..60e171aea3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.element.ts
@@ -40,7 +40,9 @@ export class UmbBasicVariantElement extends UmbLitElement {
 			}
 		});
 		this.observe(this.context.values, () => {
+			console.log('value change');
 			if (!this.#silent) {
+				console.log('value fire event!');
 				this.dispatchEvent(new UmbChangeEvent());
 			}
 		});
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.test.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.test.ts
index aa04c5205c..83fb1a2a3d 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/variant-context/basic-variant.test.ts
@@ -31,6 +31,7 @@ export class UmbTestPropertyEditorElement extends UmbElementMixin(LitElement) {
 		if (this._alias) {
 			this.dispatchEvent(new UmbChangeEvent());
 			this.#variantContext?.setPropertyValue(this._alias, value);
+			this.dispatchEvent(new UmbChangeEvent());
 		}
 	}
 
@@ -74,8 +75,6 @@ describe('UmbBasicVariantElement', () => {
 				</umb-basic-variant>`,
 			);
 
-			await variantElement.updateComplete;
-
 			propertyEditor = variantElement.querySelector('test-property-editor') as UmbTestPropertyEditorElement;
 		});
 
@@ -100,15 +99,21 @@ describe('UmbBasicVariantElement', () => {
 		});
 
 		it('variant element fires change event', async () => {
+			console.log('START!');
 			const listener = oneEvent(variantElement, UmbChangeEvent.TYPE);
 
+			expect(propertyEditor.alias).to.eq('testAlias');
 			propertyEditor.setValue('testValue3');
 
+			console.log('BEFORE!');
 			const event = (await listener) as unknown as UmbChangeEvent;
+			console.log('AFTER!', event.target);
 			expect(event).to.exist;
+			console.log('#1');
 			expect(event.type).to.eq(UmbChangeEvent.TYPE);
-
+			console.log('#2');
 			expect(event.target).to.equal(variantElement);
+			console.log('DONE!');
 		});
 	});
 });