Updating Tests and Fixing Related Bugs (#2319)

* 🐛 (tableNodeCellRender): fix templateValue check to use Object.keys
✨ (textAreaComponent): add Case component for conditional rendering
♻️ (editNodeModal): remove commented-out useEffect code
✅ (basicExamples.spec): update test selectors and increase timeout values

✅ (filterEdge.spec.ts): update test IDs to match new naming conventions

✅ (inputListComponent.spec.ts, intComponent.spec.ts): update test IDs and streamline test steps for consistency and clarity

✅ (keyPairListComponent.spec.ts): update test ID for model element
✅ (keyPairListComponent.spec.ts): add steps to test editing model options and saving changes

* ✅ (tests): update end-to-end tests for chat input/output and modal components

- Update test selectors for better accuracy
- Add keyboard interaction in chatInputOutputUser.spec.ts
- Improve file handling in chat image upload test
- Refine prompt modal component tests for better validation
- Enhance twoEdges.spec.ts with additional view controls

* ♻️ (tests): refactor repeated click actions into reusable function in e2e tests

* ✅ (tests): replace waitForTimeout with waitForSelector in end-to-end tests

* ✅ (typescript_test.yml): add --debug flag to Playwright test command for better debugging

* ✅ (typescript_test.yml): enable trace option in Playwright tests for better debugging

* ✅ (typescript_test.yml): reduce Playwright test workers from 2 to 1 to improve stability
✅ (textInputOutput.spec.ts): add waitFor visibility checks to ensure elements are visible before interaction

* ✅ (tests): update paths for test assets to correct locations
✅ (tests): add waitForSelector to ensure elements are loaded before interaction

* ✅ (typescript_test.yml): increase Playwright workers from 1 to 2 to speed up tests
✅ (chatInputOutputUser.spec.ts): increase timeout for AI response to 100000ms
✅ (chatInputOutputUser.spec.ts): correct file path for image upload test
✅ (deleteComponentFlows.spec.ts): change waitFor to target last checkbox-component
✅ (store.spec.ts): increase timeout for share button to 100000ms

* 🐛 (flows.py): ensure flow names are unique by appending a number if necessary

* Apply Ruff formatting

---------

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: Cristhianzl <Cristhianzl@users.noreply.github.com>

.github/workflows/typescript_test.yml

@@ -88,7 +88,7 @@ jobs:
       - name: Run Playwright Tests
         run: |
           cd src/frontend
-          npx playwright test --shard ${{ matrix.shardIndex }}/${{ matrix.shardTotal }} --workers 2
+          npx playwright test --trace on --shard ${{ matrix.shardIndex }}/${{ matrix.shardTotal }} --workers 2
 
       - name: Upload blob report to GitHub Actions Artifacts
         if: always()