Add devcontainer configuration and enhance CI workflow for automated UI tests

Author: tsviz

.devcontainer/devcontainer.json

@@ -0,0 +1,3 @@
+{
+  "forwardPorts": [5000, 5001]
+}

.github/workflows/cd.yml

@@ -125,81 +125,38 @@ jobs:
           CONTAINER_APP_URL: ${{ env.CONTAINER_APP_URL }}
           ARTIFACT_ID: ${{ env.ARTIFACT_ID }}
 
-  # automated-ui-tests:
-  #   permissions:
-  #       actions: read
-  #       id-token: write # This is required for requesting the JWT
-  #       contents: read  # This is required for actions/checkout
-  #       issues: write
-  #   runs-on: ubuntu-latest
-  #   environment: STAGE
-  #   steps:
-  #     - name: Checkout code
-  #       uses: actions/[email protected]
-
-  #     - name: Run UI acceptance tests
-  #       run: |
-  #         docker compose up -d --build webapp
-  #         echo -e "\033[0;32mdotnet restore RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj\033[0m"
-  #         dotnet restore RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj
-
-  #         echo -e "\033[0;32mWaiting for the web application to start...\033[0m"
-  #         sleep 20
-
-  #         echo -e "\033[0;32mdotnet test RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj --logger \"console;verbosity=detailed\"\033[0m"
-  #         dotnet test RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj --logger "console;verbosity=detailed"
-  #       env:
-  #         SA_PASSWORD: ${{ secrets.SA_PASSWORD }}
-  #         ConnectionStrings__RazorPagesMovieContext: ${{ secrets.CONNECTIONSTRINGS__RAZORPAGESMOVIECONTEXT }}
-  #         ASPNETCORE_URLS: ${{ secrets.ASPNETCORE_URLS }}
-  #         TAG: ${{ inputs.image_tag }}
-  #         ASPNETCORE_ENVIRONMENT: Development
-  
   automated-ui-tests:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Set up .NET
-        uses: actions/setup-dotnet@v3
-        with:
-          dotnet-version: '6.0.x'
-
-      - name: Build and Run Docker Compose
-        run: |
-          docker compose up -d --build webapp
-        env:
-          SA_PASSWORD: ${{ secrets.SA_PASSWORD }}
-          ConnectionStrings__RazorPagesMovieContext: ${{ secrets.CONNECTIONSTRINGS__RAZORPAGESMOVIECONTEXT }}
-          ASPNETCORE_URLS: http://0.0.0.0
-          TAG: ${{ inputs.image_tag }}
-
-      - name: List running Docker containers
-        run: docker ps -a
-
-      - name: Wait for application to be ready
-        run: |
-          echo "Waiting for app to be ready..."
-          for i in {1..30}; do
-            if curl -s http://localhost/ > /dev/null; then
-              echo "App is up!"
-              break
-            fi
-            sleep 5
-          done
-
-      - name: Verify application is accessible
-        run: curl -v http://localhost
-
-      - name: Run UI Tests
-        run: |
-          dotnet test RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj --logger "console;verbosity=detailed"
-        env:
-          ASPNETCORE_BASE_URL: http://localhost
-          ASPNETCORE_ENVIRONMENT: Development
-          ConnectionStrings__RazorPagesMovieContext: ${{ secrets.CONNECTIONSTRINGS__RAZORPAGESMOVIECONTEXT }}
-
+    permissions:
+        actions: read
+        id-token: write # This is required for requesting the JWT
+        contents: read  # This is required for actions/checkout
+        issues: write
+      runs-on: ubuntu-latest
+      environment: STAGE
+      steps:
+        - name: Checkout code
+          uses: actions/[email protected]
+
+        - name: Set environment variables
+          run: |
+            export SA_PASSWORD='YourStrong!Passw0rd'
+            export ConnectionStrings__RazorPagesMovieContext='Server=sqlserver,1433;Database=RazorPagesMovieContext;User ID=sa;Password=YourStrong!Passw0rd;'
+            export ASPNETCORE_URLS="http://0.0.0.0:5000"
+            export TAG="132"
+
+        - name: Run Docker Compose
+          run: docker compose up -d --build webapp
+
+        - name: Run UI acceptance tests
+          run: |
+            echo -e "\033[0;32mdotnet clean RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj\033[0m"
+            dotnet restore RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj
+
+            echo -e "\033[0;32mWaiting for the web application to start...\033[0m"
+            sleep 20
+
+            echo -e "\033[0;32mdotnet test RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj --logger \"console;verbosity=detailed\"\033[0m"
+            dotnet test RazorPagesMovie.UITests/RazorPagesMovie.UITests.csproj --logger "console;verbosity=detailed"
 
   production:
     permissions: