dynamic title is displayed as json string instead of Object object

japa · Dec 8, 2024 · 7348130 · 7348130
1 parent 8a0df5f
commit 7348130
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/interpolate.ts b/src/interpolate.ts
@@ -28,6 +28,7 @@ function parseProp(data: any, key: string) {
  * @example
  * interpolate('hello { username }', { username: 'virk' })
  */
+
 export function interpolate(input: string, data: any, index: number) {
   return input.replace(/(\\)?{(.*?)}/g, (_, escapeChar, key) => {
     if (escapeChar) {
@@ -40,7 +41,7 @@ export function interpolate(input: string, data: any, index: number) {
     }
 
     if (key === '$self') {
-      return data
+      return typeof data === 'string' ? data : JSON.stringify(data)
     }
 
     return parseProp(data, key)

diff --git a/tests/interpolate.spec.ts b/tests/interpolate.spec.ts
@@ -25,7 +25,10 @@ test.describe('Interpolate', () => {
   })
 
   test('interpolate when literval value is not a string', () => {
-    assert.equal(interpolate('hello {$self}', { foo: 'bar' }, 0), 'hello [object Object]')
+    assert.equal(
+      interpolate('hello {$self}', { foo: 'bar' }, 0),
+      `hello ${JSON.stringify({ foo: 'bar' })}`
+    )
   })
 
   test('interpolate key value is not a string', () => {