feat: init e2e test workflow for Package Manager Support

.changeset/fuzzy-cooks-battle.md

@@ -0,0 +1,5 @@
+---
+'@aws-amplify/form-generator': minor
+---
+
+Use "use client"; directive in generated React components

.changeset/good-suns-rescue.md

@@ -0,0 +1,7 @@
+---
+'@aws-amplify/integration-tests': patch
+'@aws-amplify/auth-construct-alpha': patch
+'@aws-amplify/backend-auth': patch
+---
+
+Flatten loginWith type to improve autocompletion.

.github/workflows/poc-e2e-flow-test.yml

@@ -0,0 +1,57 @@
+# Description: This workflow mimic the flow of behaviors when user using Amplify CLI;
+
+name: 'poc-e2e-flow-test'
+
+on: # TODO: need to change the trigger
+  push:
+    branches:
+      - poc/e2e-test
+
+jobs:
+  create-amplify-project:
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, windows-latest, macOS-latest]
+        node-version: [18]
+        pkg-manager: [npm, yarn, yarn-stable, pnpm]
+    runs-on: ${{ matrix.os }}
+    env:
+      PACKAGE_MANAGER_EXECUTABLE: ${{ matrix.pkg-manager }} # TODO: remove PACKAGE_MANAGER_EXECUTABLE once CLI is able to getPackageManager().
+    steps:
+      - name: Checkout aws-amplify/amplify-cli repo
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1. TODO: try only fetch .github/workflow
+      - name: Setup Node.js
+        uses: actions/setup-node@8f152de45cc393bb48ce5d89d36b731f54556e65 #4.0.0
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: npm
+      - name: Local Publish create-amplify
+        shell: bash
+        run: npm run install:local && npm run build && npm run vend
+      - name: ${{matrix.pkg-manager}}-create-amplify-project
+        if: matrix.pkg-manager != 'yarn-stable'
+        shell: bash
+        run:
+          | # TODO: last step `create amplify` should be replaced by `run e2e`
+          mkdir -p /tmp/amplify-project; cd /tmp/amplify-project
+          npm install -g ${{matrix.pkg-manager}}
+          echo "$(${{matrix.pkg-manager}}) config set registry http://localhost:4873"
+          ${{matrix.pkg-manager}} config set registry http://localhost:4873
+          echo "$(${{matrix.pkg-manager}}) config get registry"
+          ${{matrix.pkg-manager}} config get registry
+          ${{matrix.pkg-manager}} create amplify --yes
+
+      - name: yarn-stable-create-amplify-project
+        if: matrix.pkg-manager == 'yarn-stable'
+        shell: bash
+        run:
+          | # TODO: last step `create amplify` should be replaced by `run e2e`
+          mkdir -p /tmp/amplify-project; cd /tmp/amplify-project
+          corepack enable
+          echo "yarn set version stable"
+          yarn set version stable
+          echo "yarn version $(yarn --version)"
+          yarn config set unsafeHttpWhitelist localhost
+          yarn config set npmRegistryServer http://localhost:4873
+          PACKAGE_MANAGER_EXECUTABLE=yarn yarn create amplify --yes

examples/simple_react/amplify/auth/resource.ts

@@ -1,4 +1,4 @@
-import { defineAuth } from '@aws-amplify/backend-auth';
+import { defineAuth } from '@aws-amplify/backend';
 
 export const auth = defineAuth({
   loginWith: {

examples/simple_react/amplify/backend.ts

@@ -1,8 +1,8 @@
-import { Backend } from '@aws-amplify/backend';
+import { defineBackend } from '@aws-amplify/backend';
 import { auth } from './auth/resource.js';
 import { data } from './data/resource.js';
 
-new Backend({
+defineBackend({
   auth,
   data,
 });

examples/simple_react/amplify/data/resource.ts

@@ -1,4 +1,4 @@
-import { defineData } from '@aws-amplify/backend-graphql';
+import { defineData } from '@aws-amplify/backend';
 
 const schema = `
   type Todo @model @auth(rules: [{ allow: private }]) {