ripple 0.3.68 → 0.3.69

package/tests/client/url-search-params/url-search-params.serialization.test.tsrx

@@ -2,12 +2,13 @@ import { RippleURL, RippleURLSearchParams, flushSync, track } from 'ripple';
 
 describe('RippleURLSearchParams > serialization', () => {
 	it('handles toString method with reactivity', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams('foo=bar');
-			let &[string] = track(() => params.toString());
-
-			<button onClick={() => params.append('baz', 'qux')}>{'add'}</button>
-			<pre>{string}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams('foo=bar');
+				let &[string] = track(() => params.toString());
+				<button onClick={() => params.append('baz', 'qux')}>{'add'}</button>
+				<pre>{string}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -25,12 +26,13 @@ describe('RippleURLSearchParams > serialization', () => {
 	});
 
 	it('handles special characters encoding', () => {
-		component URLTest() {
-			const params = RippleURLSearchParams();
-
-			<button onClick={() => params.set('key', 'value with spaces')}>{'add spaces'}</button>
-			<button onClick={() => params.set('special', '!@#$%^&*()')}>{'add special'}</button>
-			<pre>{params.toString()}</pre>
+		function URLTest() {
+			return <>
+				const params = RippleURLSearchParams();
+				<button onClick={() => params.set('key', 'value with spaces')}>{'add spaces'}</button>
+				<button onClick={() => params.set('special', '!@#$%^&*()')}>{'add special'}</button>
+				<pre>{params.toString()}</pre>
+			</>;
 		}
 
 		render(URLTest);

package/tests/client/url-search-params/url-search-params.tracked-url.test.tsrx

@@ -2,13 +2,14 @@ import { RippleURL, flushSync } from 'ripple';
 
 describe('RippleURLSearchParams > RippleURL integration', () => {
 	it('integrates with RippleURL', () => {
-		component URLTest() {
-			const url = RippleURL('https://example.com?foo=bar');
-			const params = url.searchParams;
-
-			<button onClick={() => params.append('baz', 'qux')}>{'add param'}</button>
-			<pre>{url.href}</pre>
-			<pre>{params.toString()}</pre>
+		function URLTest() {
+			return <>
+				const url = RippleURL('https://example.com?foo=bar');
+				const params = url.searchParams;
+				<button onClick={() => params.append('baz', 'qux')}>{'add param'}</button>
+				<pre>{url.href}</pre>
+				<pre>{params.toString()}</pre>
+			</>;
 		}
 
 		render(URLTest);
@@ -30,13 +31,14 @@ describe('RippleURLSearchParams > RippleURL integration', () => {
 	});
 
 	it('handles empty search string in URL', () => {
-		component URLTest() {
-			const url = RippleURL('https://example.com');
-			const params = url.searchParams;
-
-			<button onClick={() => params.append('foo', 'bar')}>{'add first param'}</button>
-			<pre>{url.href}</pre>
-			<pre>{params.size}</pre>
+		function URLTest() {
+			return <>
+				const url = RippleURL('https://example.com');
+				const params = url.searchParams;
+				<button onClick={() => params.append('foo', 'bar')}>{'add first param'}</button>
+				<pre>{url.href}</pre>
+				<pre>{params.size}</pre>
+			</>;
 		}
 
 		render(URLTest);

package/tests/hydration/basic.test.js

@@ -176,10 +176,10 @@ describe('hydration > basic', () => {
 		expect(native?.querySelector('.nested-tsrx')?.textContent).toBe('inside nested tsrx');
 	});
 
-	it('hydrates tsx declared inside tsrx nested from a top-level tsx value', async () => {
+	it('hydrates tsx declared before a top-level tsx value', async () => {
 		await hydrateComponent(
-			ServerComponents.TsxDeclaredInsideNestedTsrxFromTopLevelTsx,
-			ClientComponents.TsxDeclaredInsideNestedTsrxFromTopLevelTsx,
+			ServerComponents.TsxDeclaredBeforeTopLevelTsx,
+			ClientComponents.TsxDeclaredBeforeTopLevelTsx,
 		);
 
 		const native = container.querySelector('.native');