✅ (index.tsx): add data-testid attribute to checkbox component
✅ (basicExamples.spec.ts): add waitForSelector for send icon to improve test stability
✅ (chatInputOutputUser.spec.ts): add waitForSelector for send icon to improve test stability
✅ (deleteComponentFlows.spec.ts): add waitForSelector for various elements to improve test stability
✅ (generalBugs.spec.ts): add waitForSelector for send icon to improve test stability
Refactor component to use a div instead of a span for better styling and layout
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* update messages structure to new structure without index
* style: run prettier
---------
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
✅ (store.spec.ts): update test selector to use new data-testid attribute
♻️ (textInputOutput.spec.ts): refactor element selection and interaction logic for clarity and maintainability
💡 (textAreaWrapper): add data-testid attribute for better test targeting
✅ (actionsMainPage.spec.ts): add waitForSelector for better test stability
✅ (basicExamples.spec.ts): replace waitForTimeout with waitForSelector
✅ (basicExamples.spec.ts): use data-testid for chat input for consistency
✅ (memoryChatbot.spec.ts): replace waitForTimeout with waitForSelector
✅ (memoryChatbot.spec.ts): use data-testid for chat input for consistency
✅ (documentQA.spec.ts): replace waitForTimeout with waitForSelector
✅ (documentQA.spec.ts): use data-testid for chat input for consistency
✅ (vectorStoreRAG.spec.ts): replace waitForTimeout with waitForSelector
✅ (vectorStoreRAG.spec.ts): use data-testid for chat input for consistency
✅ (tests): add waitForSelector to ensure elements are loaded before interaction
✅ (tests): add waitForSelector for 'fit view' button in end-to-end tests
✅ (basicExamples.spec.ts): add waitForSelector for 'fit view' to ensure element is loaded
✅ (basicExamples.spec.ts): add waitForSelector for 'built successfully' to ensure element is loaded
✅ (chatInputOutput.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (codeAreaModalComponent.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (dropdownComponent.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (fileUploadComponent.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (filterEdge.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (filterEdge.spec.ts): update test expectations for 'disclosure-agents' to be visible
✅ (floatComponent.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (flowPage.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (folders.spec.ts): add waitForSelector for 'icon-ChevronLeft' to ensure element is loaded
✅ (folders.spec.ts): update folder name input and visibility check to improve reliability
✅ (generalBugs.spec.ts): add waitForSelector for 'extended-disclosure' to ensure element is loaded
✅ (tests): replace waitForTimeout with waitForSelector in end-to-end tests
Replace `waitForTimeout` with `waitForSelector` to improve test reliability and reduce flakiness.
💡 (use-dropdown-options.tsx): add TypeScript types to function parameters
💡 (use-api-keys.tsx): add TypeScript types to function parameters
💡 (use-handle-delete-key.tsx): add TypeScript types to function parameters
💡 (use-preload-images.tsx): add TypeScript types to function parameters
💡 (use-patch-password.tsx): add TypeScript types to function parameters
💡 (use-patch-profile-picture.tsx): add TypeScript types to function parameters
💡 (use-save-key.tsx): add TypeScript types to function parameters
💡 (use-scroll-to-element.tsx): add TypeScript types to function parameters
💡 (use-messages-table.tsx): add TypeScript types to function parameters
💡 (use-remove-messages.tsx): add TypeScript types to function parameters
💡 (use-updateMessage.tsx): add type annotations to setSuccessData and setErrorData for better type safety and code clarity
💡 (index.tsx): add non-null assertion operator to playground variable
♻️ (use-on-file-drop.tsx): add type annotations for folderId and folderChangeCallback
♻️ (use-auto-resize-text-area.tsx): add type annotations for value and inputRef
♻️ (use-drag-and-drop.tsx): add type annotations for setIsDragging, setFiles, currentFlowId, and setErrorData
♻️ (use-focus-unlock.tsx): add type annotations for lockChat and inputRef
♻️ (use-upload.tsx): add type annotations for uploadFile, currentFlowId, setFiles, and lockChat
♻️ (use-column-defs.tsx): add type annotation for myData
♻️ (use-row-data.tsx): add type annotations for myData and open
♻️ (index.tsx): remove commented-out code
♻️ (use-filtered-flows.tsx): add type annotations for flowsFromFolder, searchFlowsComponents, and setAllFlows
💡 (index.tsx): add non-null assertion operator to flowsFromFolder variable
- Add `useDataEffect` to handle data-related side effects
- Add `useInstallComponent` to manage component installation logic
- Add `useLikeComponent` to handle like functionality
- Add `useDragStart` to manage drag start events
- Add `usePlaygroundEffect` to handle playground-related side effects
✨ (cardComponent): add custom hooks for data, install, like, drag start, and playground effects
♻️ (cardComponent): rename state variables for consistency and readability
✨ (MainPage): add CollectionCard component to handle card rendering and interactions
✨ (index.tsx): add CollectionCard component to ComponentsComponent
♻️ (index.tsx): refactor to use CollectionCard instead of inline code
* chore: Add check-format script to package.json for code formatting consistency
* chore: Update lint-js.yml to use npm run check-format instead of npm run format
* 🐛 (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>
