feat(react): support Vite based SSR #1296
Annotations
3 errors
|
Test
Process completed with exit code 1.
|
|
Test:
packages/ssr/test/next/loader.test.ts#L58
AssertionError: expected null to be 'import { something } from "component-…' // Object.is equality
- Expected:
"import { something } from \"component-library-react\";"
+ Received:
null
❯ test/next/loader.test.ts:58:20
|
|
Test:
packages/ssr/test/transform.test.ts#L35
Error: Snapshot `transform > should transform the code 1` mismatched
- Expected
+ Received
@@ -1,75 +1,7 @@
"import { jsxDEV } from "react/jsx-dev-runtime";
- import { jsxDEV } from "react/jsx-dev-runtime";
- const MyComponent = ({ children }) => {
- return /* @__PURE__ */ jsxDEV("my-component", { class: "hydrated sc-my-component-h", first: "John", kidsnames: '["John","Jane","Jim"]', last: "Doe", middle: "William", "s-id": "1", dangerouslySetInnerHTML: { __html: `
- <!--r.1-->
- <div c-id="1.0.0.0" class="sc-my-component">
- <!--t.1.1.1.0-->
- Hello, World! I'm John William Doe
- <p c-id="1.2.1.1" class="sc-my-component">
- <!--t.1.3.2.0-->
- Age:
- </p>
- <p c-id="1.4.1.2" class="sc-my-component">
- <!--t.1.5.2.0-->
- Kids: John, Jane, Jim
- </p>
- <p c-id="1.6.1.3" class="sc-my-component">
- <!--t.1.7.2.0-->
- Favorite kid:
- </p>
- </div>
- ` } }, void 0, false, {
- lineNumber: 4,
- columnNumber: 5
- });
- };
- const MyList = ({ children }) => {
- return /* @__PURE__ */ jsxDEV("my-list", { children: "[]", class: "hydrated sc-my-list-h", "s-id": "3", dangerouslySetInnerHTML: { __html: `
- <!--r.3-->
- <ul c-id="3.0.0.0" class="sc-my-list sc-my-list-s">
- <!--s.3.1.1.0.-->
- </ul>
- ` } }, void 0, false, {
- lineNumber: 27,
- columnNumber: 5
- });
- };
- const MyListItem = ({ children }) => {
- return /* @__PURE__ */ jsxDEV("my-list-item", { children: "Item 1", class: "hydrated sc-my-list-item-h", "s-id": "4", dangerouslySetInnerHTML: { __html: `
- <!--r.4-->
- <li c-id="4.0.0.0" class="sc-my-list-item sc-my-list-item-s">
- <!--s.4.1.1.0.-->
- </li>
- ` } }, void 0, false, {
- lineNumber: 37,
- columnNumber: 5
- });
- };
- const MyCounter = ({ children }) => {
- return /* @__PURE__ */ jsxDEV("my-counter", { class: "hydrated sc-my-counter-h", "s-id": "7", dangerouslySetInnerHTML: { __html: `
- <!--r.7-->
- <div c-id="7.0.0.0" class="sc-my-counter">
- <button c-id="7.1.1.0" class="sc-my-counter">
- <!--t.7.2.2.0-->
- -
- </button>
- <span c-id="7.3.1.1" class="sc-my-counter">
- <!--t.7.4.2.0-->
- 0
- </span>
- <button c-id="7.5.1.2" class="sc-my-counter">
- <!--t.7.6.2.0-->
- +
- </button>
- </div>
- ` } }, void 0, false, {
- lineNumber: 47,
- columnNumber: 5
- });
- };
+ import { MyComponent, MyList, MyListItem, MyCounter } from "component-library-react";
import Input from "../components/Input";
export const meta = () => {
return [
{ title: "New Remix App" },
{ name: "description", content: "Welcome to Remix!" }
❯ test/transform.test.ts:35:50
|
Loading