chore: add reload nav action golden definition (#367)

aws-amplify · Feb 25, 2022 · 9d978bf · 9d978bf
1 parent 4e4d4fc
commit 9d978bf
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 26 deletions.
diff --git a/packages/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap b/packages/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap
@@ -334,6 +334,45 @@ export default function NavigateButton(
 }
 `;
 
+exports[`amplify render tests actions navigation reload navigation action 1`] = `
+Object {
+  "componentText": "/* eslint-disable */
+import React from \\"react\\";
+import {
+  EscapeHatchProps,
+  getOverrideProps,
+  useNavigateAction,
+} from \\"@aws-amplify/ui-react/internal\\";
+import { Button, ButtonProps } from \\"@aws-amplify/ui-react\\";
+
+export type ReloadButtonProps = React.PropsWithChildren<
+  Partial<ButtonProps> & {
+    overrides?: EscapeHatchProps | undefined | null;
+  }
+>;
+export default function ReloadButton(
+  props: ReloadButtonProps
+): React.ReactElement {
+  const { overrides, ...rest } = props;
+  const action = useNavigateAction({ type: \\"reload\\" });
+  return (
+    /* @ts-ignore: TS2322 */
+    <Button
+      children=\\"Reload the page.\\"
+      onClick={() => {
+        action.run();
+      }}
+      {...rest}
+      {...getOverrideProps(overrides, \\"ReloadButton\\")}
+    ></Button>
+  );
+}
+",
+  "declaration": undefined,
+  "renderComponentToFilesystem": [Function],
+}
+`;
+
 exports[`amplify render tests basic component tests should generate a simple button component 1`] = `
 "/* eslint-disable */
 import React from \\"react\\";

diff --git a/packages/codegen-ui-react/lib/__tests__/studio-ui-codegen-react.test.ts b/packages/codegen-ui-react/lib/__tests__/studio-ui-codegen-react.test.ts
@@ -298,6 +298,10 @@ describe('amplify render tests', () => {
       it('anchor navigation action', () => {
         expect(generateWithAmplifyRenderer('workflow/anchorNavigationAction')).toMatchSnapshot();
       });
+
+      it('reload navigation action', () => {
+        expect(generateWithAmplifyRenderer('workflow/reloadNavigationAction')).toMatchSnapshot();
+      });
     });
 
     describe('auth', () => {

diff --git a/packages/codegen-ui/example-schemas/workflow/navigationAction.json b/packages/codegen-ui/example-schemas/workflow/navigationAction.json
diff --git a/packages/codegen-ui/example-schemas/workflow/reloadNavigationAction.json b/packages/codegen-ui/example-schemas/workflow/reloadNavigationAction.json
@@ -0,0 +1,20 @@
+{
+    "componentType": "Button",
+    "name": "ReloadButton",
+    "properties": {
+      "children": {
+        "value": "Reload the page."
+      }
+    },
+    "events": {
+      "click": {
+        "action": "Amplify.Navigate",
+        "parameters": {
+          "type": {
+            "value": "reload"
+          }
+        }
+      }
+    }
+  }
+