From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Sun, 24 Aug 2025 19:56:45 +0000 (+0200)
Subject: test: trailing slashes
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=f06511310a123b482070ab0d4d4f936a2bd7fd6d;p=thirdparty%2Fvuejs%2Frouter.git

test: trailing slashes
---

diff --git a/packages/router/src/experimental/route-resolver/matchers/matcher-pattern.spec.ts b/packages/router/src/experimental/route-resolver/matchers/matcher-pattern.spec.ts
index 9b660d1f..cc31a765 100644
--- a/packages/router/src/experimental/route-resolver/matchers/matcher-pattern.spec.ts
+++ b/packages/router/src/experimental/route-resolver/matchers/matcher-pattern.spec.ts
@@ -60,6 +60,11 @@ describe('MatcherPatternPathStatic', () => {
       const pattern = new MatcherPatternPathStatic('/Team')
       expect(pattern.build()).toBe('/Team')
     })
+
+    it('preserves trailing slash', () => {
+      const pattern = new MatcherPatternPathStatic('/team/')
+      expect(pattern.build()).toBe('/team/')
+    })
   })
 })
 
@@ -213,7 +218,7 @@ describe('MatcherPatternPathDynamic', () => {
     expect(pattern.build({ teamId: ['123', '456'] })).toBe('/teams/123/456/b')
   })
 
-  it('catch all route', () => {
+  it.todo('catch all route', () => {
     // const pattern = new MatcherPatternPathDynamic(
   })
 
@@ -302,4 +307,78 @@ describe('MatcherPatternPathDynamic', () => {
       '/teams/123-b-456'
     )
   })
+
+  it('can have a trailing slash after a single param', () => {
+    const pattern = new MatcherPatternPathDynamic(
+      /^\/teams\/([^/]+?)\/$/i,
+      {
+        teamId: {},
+      },
+      ['teams', [0, '/']]
+    )
+
+    expect(pattern.match('/teams/123/')).toEqual({
+      teamId: '123',
+    })
+    expect(() => pattern.match('/teams/123')).toThrow()
+    expect(() => pattern.match('/teams/123/b')).toThrow()
+    expect(() => pattern.match('/teams/')).toThrow()
+    expect(pattern.build({ teamId: '123' })).toBe('/teams/123/')
+  })
+
+  it('can have a trailing slash after a static segment', () => {
+    const pattern = new MatcherPatternPathDynamic(/^\/teams\/b\/$/i, {}, [
+      'teams',
+      ['b', '/'],
+    ])
+
+    expect(pattern.match('/teams/b/')).toEqual({})
+    expect(() => pattern.match('/teams/b')).toThrow()
+    expect(() => pattern.match('/teams/123/b')).toThrow()
+    expect(() => pattern.match('/teams/')).toThrow()
+    expect(pattern.build({})).toBe('/teams/b/')
+  })
+
+  it('can have a trailing slash after repeatable param', () => {
+    const pattern = new MatcherPatternPathDynamic(
+      /^\/teams\/(.+?)\/$/,
+      {
+        teamId: { repeat: true },
+      },
+      ['teams', [0, '/']]
+    )
+
+    expect(pattern.match('/teams/123/')).toEqual({ teamId: ['123'] })
+    expect(pattern.match('/teams/123/456/')).toEqual({
+      teamId: ['123', '456'],
+    })
+    expect(() => pattern.match('/teams/123')).toThrow()
+    expect(() => pattern.match('/teams/123/b')).toThrow()
+    expect(() => pattern.match('/teams/')).toThrow()
+    expect(pattern.build({ teamId: ['123'] })).toBe('/teams/123/')
+    expect(pattern.build({ teamId: ['123', '456'] })).toBe('/teams/123/456/')
+  })
+
+  it.todo('can have a trailing slash after optional repeatable param', () => {
+    const pattern = new MatcherPatternPathDynamic(
+      /^\/teams(?:\/(.+?))?\/$/,
+      {
+        teamId: { repeat: true },
+      },
+      ['teams', [0, '/']]
+    )
+
+    expect(pattern.match('/teams/123/')).toEqual({ teamId: ['123'] })
+    expect(pattern.match('/teams/123/456/')).toEqual({
+      teamId: ['123', '456'],
+    })
+    expect(pattern.match('/teams/')).toEqual({ teamId: [] })
+
+    expect(() => pattern.match('/teams/123')).toThrow()
+    expect(() => pattern.match('/teams/123/b')).toThrow()
+
+    expect(pattern.build({ teamId: ['123'] })).toBe('/teams/123/')
+    expect(pattern.build({ teamId: ['123', '456'] })).toBe('/teams/123/456/')
+    expect(pattern.build({ teamId: [] })).toBe('/teams/')
+  })
 })