From 41550a51150c67bf9923626ab4af4321166532b7 Mon Sep 17 00:00:00 2001 From: OfirHaf Date: Sun, 10 May 2026 11:57:47 +0300 Subject: [PATCH] test: add runtime-browser regression test for style directive trailing semicolon --- .../_config.js | 21 +++++++++++++++++++ .../main.svelte | 5 +++++ 2 files changed, 26 insertions(+) create mode 100644 packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js create mode 100644 packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte diff --git a/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js new file mode 100644 index 0000000000..1e96ec17f7 --- /dev/null +++ b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/_config.js @@ -0,0 +1,21 @@ +import { assert_ok, test } from '../../assert'; + +export default test({ + html: `
`, + + test({ assert, target, window, component }) { + const div = target.querySelector('div'); + assert_ok(div); + + // Initial value with trailing semicolon — should produce valid CSS + assert.equal(window.getComputedStyle(div).color, 'rgb(255, 0, 0)'); + + // Update to a new value that also has a trailing semicolon + component.color = 'blue;'; + assert.equal(window.getComputedStyle(div).color, 'rgb(0, 0, 255)'); + + // Update to a value without trailing semicolon — should still work + component.color = 'green'; + assert.equal(window.getComputedStyle(div).color, 'rgb(0, 128, 0)'); + } +}); diff --git a/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte new file mode 100644 index 0000000000..3ba2e22bc0 --- /dev/null +++ b/packages/svelte/tests/runtime-browser/samples/style-directive-trailing-semicolon/main.svelte @@ -0,0 +1,5 @@ + + +