test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

test(router-core): add search param serialization / deserialization unit tests - #4987

Merged
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params
Aug 19, 2025
Merged

test(router-core): add search param serialization / deserialization unit tests#4987
Sheraff merged 3 commits into
mainfrom
test-router-core-search-params

Conversation

@Sheraff

@SheraffSheraff commented Aug 17, 2025

Copy link
Copy Markdown
Collaborator

Just some tests for defaultParseSearch and defaultStringifySearch, because they're used a lot and are very public and can handle user inputs (as in final human users, not devs).

These tests are just documentation of the current behavior.

Summary by CodeRabbit

  • Tests
    • Added a comprehensive test suite for URL query-string serialization/deserialization covering empty values, primitives, complex/nested structures, special characters, circular/self-references, and unusual inputs (e.g., Number/String objects, Promise, Date).
    • Verifies round-trip isomorphism and behavior when parsing externally sourced or malformed query strings.
    • No public API changes and no user-facing changes.

@coderabbitai

coderabbitaiBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

Walkthrough

Adds a new test suite that verifies serialization and deserialization of values to/from URL query strings using defaultStringifySearch and defaultParseSearch, covering primitives, complex objects, special keys, circular references, alien inputs, and non-primitive objects.

Changes

Cohort / File(s)Summary
Search params tests
packages/router-core/tests/searchParams.test.ts
New tests asserting isomorphism between stringify and parse across empty objects, primitives, null/undefined, nested/complex structures, keys with special characters and empty keys, a circular-reference edge case, alien deserialization cases, and non-primitive inputs (Number/String wrapper objects, Promise, Date).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

In burrows of bytes I twitch my nose,
Query strings bloom where the wild code grows.
Keys hop, values bounce—some quite strange—
Parse curls back, stringify rearrange.
I thump with joy: tests snug in rows. 🥕


📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 588d702 and 64b52bc.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
🚧 Files skipped from review as they are similar to previous changes (1)
  • packages/router-core/tests/searchParams.test.ts
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Test
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch test-router-core-search-params

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@nx-cloud

nx-cloudBot commented Aug 17, 2025

Copy link
Copy Markdown
Contributor

View your CI Pipeline Execution ↗ for commit 64b52bc

CommandStatusDurationResult
nx affected --targets=test:eslint,test:unit,tes...✅ Succeeded1m 4sView ↗
nx run-many --target=build --exclude=examples/*...✅ Succeeded2sView ↗

☁️ Nx Cloud last updated this comment at 2025-08-18 06:46:47 UTC

@pkg-pr-new

pkg-pr-newBot commented Aug 17, 2025

Copy link
Copy Markdown
More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@4987

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@4987

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@4987

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@4987

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@4987

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@4987

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@4987

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@4987

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@4987

@tanstack/react-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-plugin@4987

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@4987

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@4987

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@4987

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@4987

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@4987

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@4987

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@4987

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@4987

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@4987

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@4987

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@4987

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@4987

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@4987

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@4987

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@4987

@tanstack/solid-start-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-plugin@4987

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@4987

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@4987

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@4987

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@4987

@tanstack/start-server-functions-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-client@4987

@tanstack/start-server-functions-fetcher

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-fetcher@4987

@tanstack/start-server-functions-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-functions-server@4987

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@4987

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@4987

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@4987

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@4987

commit: 64b52bc

@coderabbitaicoderabbitaiBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (4)
packages/router-core/tests/searchParams.test.ts (4)

9-43: Solid and readable isomorphism coverage; consider a few more representative cases

Great coverage across primitives, special characters, empty keys, and nested structures. To further harden the contract and document edge behaviors, consider adding:

  • Booleans: false vs "false"
  • Negative and floating-point numbers
  • Plus sign in values and keys (ensures '+' vs '%2B' handling)
  • Keys with spaces (confirm '+' encoding in keys as well)
  • NaN/Infinity (they’re not valid JSON; document how they’re treated)

Example additions to the table:

 [{ foo: true }, '?foo=true'],
+ [{ foo: false }, '?foo=false'],
[{ foo: 'true' }, '?foo=%22true%22'],
+ [{ foo: 'false' }, '?foo=%22false%22'],+ [{ foo: -1 }, '?foo=-1'],+ [{ foo: 12.34 }, '?foo=12.34'],+ [{ foo: 'a+b' }, '?foo=a%2Bb'],+ [{ 'a b': 1 }, '?a+b=1'],+ [{ foo: NaN }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'NaN' }, '?foo=%22NaN%22'],+ [{ foo: Infinity }, '?foo=null'], // if JSON.stringify is used -> "null"+ [{ foo: 'Infinity' }, '?foo=%22Infinity%22'],

If defaultStringifySearch does not use JSON.stringify for numbers, adjust the NaN/Infinity expectations accordingly (e.g., to stringification fallback or omission). Happy to align once confirmed.


45-51: Nit: fix test name to reflect “[object Object]”

The expectation encodes [object Object], but the description says "object Object". Clarifying the title avoids confusion.

- test('[edge case] self-reference serializes to "object Object"', () => {+ test('[edge case] self-reference serializes to "[object Object]"', () => {

60-74: Prefer toEqual over toBe for semantic consistency

For primitives, toBe and toEqual behave the same. Using toEqual here aligns with the rest of the file and avoids any confusion about identity vs deep/value equality.

- expect(defaultStringifySearch(obj)).not.toBe(input)+ expect(defaultStringifySearch(obj)).not.toEqual(input)

81-95: Promise inputs: avoid constructing an unresolved Promise

Using new Promise(() => {}) creates an unresolved promise, which can trip linters or future runtime diagnostics. Using Promise.resolve() expresses intent without side effects. Behavior for serialization remains the same (no own enumerable keys at top-level; JSON serialization yields "{}" when nested).

- expect(defaultStringifySearch(new Promise(() => {}))).toEqual('')+ expect(defaultStringifySearch(Promise.resolve())).toEqual('')
@@
- expect(defaultStringifySearch({ foo: new Promise(() => {}) })).toEqual(+ expect(defaultStringifySearch({ foo: Promise.resolve() })).toEqual(
'?foo=%7B%7D',
)

Optional: You may also want to document BigInt behavior (e.g., { foo: 10n }), since JSON does not support BigInt and implementations often fall back to stringification or error. Adding an assertion will lock down current behavior.

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between fa3f8fa and 588d702.

📒 Files selected for processing (1)
  • packages/router-core/tests/searchParams.test.ts (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
  • GitHub Check: Preview
  • GitHub Check: Test

Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
Comment threadpackages/router-core/tests/searchParams.test.ts Outdated
@Sheraff

Copy link
Copy Markdown
CollaboratorAuthor

@SeanCassiere thank you for the review. Can you think of any more weird cases that might be missing from these tests?

@SeanCassiereSeanCassiere left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sheraff nope, these tests seems pretty good to me! Plus, they're laid out in such a way that adding more would be easy.

@Sheraff
Sheraff merged commit f1c13a0 into mainAug 19, 2025
6 checks passed
@Sheraff
Sheraff deleted the test-router-core-search-params branch August 19, 2025 06:17
Sheraff added a commit that referenced this pull request Aug 19, 2025
…Search (#4985)
Wait for this PR before merging:
#4987. It adds unit tests that
should help make sure we're not breaking anything here.
--- The functions used to serialize and deserialize search params are called
*a lot*, but they are creating many unnecessary objects. This PR
refactors
- `encode` to be only as generic as what we need => in practice we only
need to handle 1 value per key (i.e. `.set()` and not `.append()`) so we
don't need a special case for arrays
- `decode` can avoid creating many arrays
- `stringifySearchWith` (and `defaultStringifySearch`) don't need to
pre-stringify the input into a `<string,string>` dictionary as `encode`
now accepts a stringifier function
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
- Breaking Changes
- Removed encode and decode from React Router and Solid Router public
exports.
- Query string prefix support removed in encode/decode.
- Refactor
- Updated query string handling: arrays encode as comma-separated
values; duplicate keys decode into arrays.
- Streamlined error handling and avoided input mutation; consistent
leading “?” management.
- Tests
- Updated tests to match new encoding/decoding behavior and removed
prefix-related cases.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@Sheraff@SeanCassiere