✅ (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
