Add missing symbol part to SSR

barvian · Jan 6, 2025 · 34ea785 · 34ea785
1 parent e92bb54
commit 34ea785
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/tiny-schools-press.md b/.changeset/tiny-schools-press.md
@@ -0,0 +1,8 @@
+---
+'number-flow': patch
+'@number-flow/react': patch
+'@number-flow/svelte': patch
+'@number-flow/vue': patch
+---
+
+Add missing symbol part to SSR
diff --git a/packages/number-flow/src/ssr.ts b/packages/number-flow/src/ssr.ts
@@ -34,7 +34,7 @@ const styles = css`
 `
 
 const renderPart = (part: KeyedNumberPart) =>
-	`<span class="${part.type === 'integer' || part.type === 'fraction' ? 'digit' : 'symbol'}" part="${part.type === 'integer' || part.type === 'fraction' ? `digit ${part.type}-digit` : part.type}">${part.value}</span>`
+	`<span class="${part.type === 'integer' || part.type === 'fraction' ? 'digit' : 'symbol'}" part="${part.type === 'integer' || part.type === 'fraction' ? `digit ${part.type}-digit` : `symbol ${part.type}`}">${part.value}</span>`
 
 const renderSection = (section: KeyedNumberPart[], part: string) =>
 	`<span part="${part}">${section.reduce((str, p) => str + renderPart(p), '')}</span>`

diff --git a/test-suites/wrapper/render.test.ts b/test-suites/wrapper/render.test.ts
@@ -15,6 +15,7 @@ test('renders correctly', async ({ page }) => {
 	// Check for parts
 	await expect(flow.locator('[part~=left]')).toBeAttached()
 	await expect(flow.locator('[part~=currency]')).toBeAttached()
+	await expect(flow.locator('[part~=symbol]')).toHaveCount(4)
 	await expect(flow.locator('[part~=number]')).toBeAttached()
 	await expect(flow.locator('[part~=integer]')).toBeAttached()
 	await expect(flow.locator('[part~=fraction]')).toBeAttached()