Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 00:48:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Merge pull request #13147 from ToolJet/test/app-builder-data-cy

Browse source 
Add data-cy for new editor components
This commit is contained in:
Johnson Cherian 2025-07-02 10:35:22 +05:30 committed by GitHub
commit 313abd72a4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/AppBuilder/QueryPanel/QueryCard.jsx
View file

@ -36,8 +36,8 @@ export const QueryCard = ({ dataQuery, darkMode = false, localDs }) => {
const hasPermissions =
selectedDataSourceScope === 'global'
? canUpdateDataSource(dataQuery?.data_source_id) ||
canReadDataSource(dataQuery?.data_source_id) ||
canDeleteDataSource()
canReadDataSource(dataQuery?.data_source_id) ||
canDeleteDataSource()
: true;
const toggleQueryHandlerMenu = useStore((state) => state.queryPanel.toggleQueryHandlerMenu);
@ -121,9 +121,8 @@ export const QueryCard = ({ dataQuery, darkMode = false, localDs }) => {
{isRenaming ? (
<input
data-cy={`query-edit-input-field`}
className={`query-name query-name-input-field border-indigo-09 bg-transparent ${
darkMode && 'text-white'
}`}
className={`query-name query-name-input-field border-indigo-09 bg-transparent ${darkMode && 'text-white'
}`}
type="text"
defaultValue={decodeEntities(dataQuery.name)}
autoFocus={true}
@ -181,6 +180,7 @@ export const QueryCard = ({ dataQuery, darkMode = false, localDs }) => {
variant="outline"
className=""
id={`query-handler-menu-${dataQuery?.id}`}
data-cy={`delete-query-${dataQuery.name.toLowerCase()}`}
/>
</div>
</div>

5
frontend/src/AppBuilder/RightSideBar/SidebarItem.jsx
View file

@ -12,7 +12,10 @@ export const SidebarItem = forwardRef(
return (
<div {...rest} className={className} onClick={onClick && onClick} ref={ref}>
{icon && (
<div className={`sidebar-svg-icon position-relative ${selectedSidebarItem && 'sidebar-item'}`}>
<div
className={`sidebar-svg-icon position-relative ${selectedSidebarItem && 'sidebar-item'}`}
data-cy={`right-sidebar-${icon.toLowerCase()}-button`}
>
<SolidIcon name={displayIcon} width={20} fill={selectedSidebarItem ? '#3E63DD' : iconFill} />
</div>
)}