\n+ <span>{state}<\/span>\n+ <button data-testid=\"button\" onClick={() => setState(state + 1)}>\n+ increment\n+ <\/button>\n+ <\/div>\n+ );\n+}\n+\n+function Title({ text }) {\n+ log(`rendering: ${text}`);\n+ return <h1>{text}<\/h1>;\n+}\n+\n+test(\"use-state\", async () => {\n+ const { asFragment } = render(<Counter \/>);\n+\n+ expect(asFragment()).toMatchInlineSnapshot(`\n+ <DocumentFragment>\n+ <div>\n+ <h1>\n+ Counter\n+ <\/h1>\n+ <span>\n+ 0\n+ <\/span>\n+ <button\n+ data-testid=\"button\"\n+ >\n+ increment\n+ <\/button>\n+ <\/div>\n+ <\/DocumentFragment>\n+ `);\n+\n+ expectLogsAndClear([\"rendering: Counter\"]);\n+\n+ fireEvent.click(screen.getByTestId(\"button\"));\n+ await screen.findByText(\"1\");\n+\n+ expectLogsAndClear(__FORGET__ ? [] : [\"rendering: Counter\"]);\n+});\n","files":[{"path":"compiler\/forget\/packages\/babel-plugin-react-forget\/src\/__tests__\/e2e\/use-state.e2e.js","status":"A"}]}</article></body></html>

{"body":"","parents":["015029dc655d0593a470bb4bcefd08e4126aaf48"],"commit":{"authorName":"Sathya Gunasekaran","subject":"[e2e] Add test for useState","shortRevision":"3e9e3a1c92","authorEmail":"gsathya.ceg@gmail.com","revision":"3e9e3a1c925eac761539785334412541c1cb27a0","authoredAt":"2023-08-04T15:50:42+01:00"},"patch":"diff --git a\/compiler\/forget\/packages\/babel-plugin-react-forget\/src\/__tests__\/e2e\/use-state.e2e.js b\/compiler\/forget\/packages\/babel-plugin-react-forget\/src\/__tests__\/e2e\/use-state.e2e.js\nnew file mode 100644\nindex 0000000000..aecae44425\n--- \/dev\/null\n+++ b\/compiler\/forget\/packages\/babel-plugin-react-forget\/src\/__tests__\/e2e\/use-state.e2e.js\n@@ -0,0 +1,58 @@\n+\/**\n+ * Copyright (c) Meta Platforms, Inc. and affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\n+import { render, screen, fireEvent } from \"@testing-library\/react\";\n+import * as React from \"react\";\n+import { useState } from \"react\";\n+import { expectLogsAndClear, log } from \".\/expectLogs\";\n+\n+function Counter() {\n+ let [state, setState] = useState(0);\n+ return (\n+

\n+ \n+ <span>{state}<\/span>\n+ <button data-testid=\"button\" onClick={() => setState(state + 1)}>\n+ increment\n+ <\/button>\n+ <\/div>\n+ );\n+}\n+\n+function Title({ text }) {\n+ log(`rendering: ${text}`);\n+ return <h1>{text}<\/h1>;\n+}\n+\n+test(\"use-state\", async () => {\n+ const { asFragment } = render(<Counter \/>);\n+\n+ expect(asFragment()).toMatchInlineSnapshot(`\n+ <DocumentFragment>\n+ <div>\n+ <h1>\n+ Counter\n+ <\/h1>\n+ <span>\n+ 0\n+ <\/span>\n+ <button\n+ data-testid=\"button\"\n+ >\n+ increment\n+ <\/button>\n+ <\/div>\n+ <\/DocumentFragment>\n+ `);\n+\n+ expectLogsAndClear([\"rendering: Counter\"]);\n+\n+ fireEvent.click(screen.getByTestId(\"button\"));\n+ await screen.findByText(\"1\");\n+\n+ expectLogsAndClear(__FORGET__ ? [] : [\"rendering: Counter\"]);\n+});\n","files":[{"path":"compiler\/forget\/packages\/babel-plugin-react-forget\/src\/__tests__\/e2e\/use-state.e2e.js","status":"A"}]}</article></body></html>

dillon1000/react

Files changed