e2e

e2e

e2e

apps/remix-ide/src/app/plugins/remixGuide.tsx

@@ -124,6 +124,7 @@ export class RemixGuidePlugin extends ViewPlugin {
                     cell.expandViewElement
                   }
                   key={cell.title}
+                  id={cell.title}
                   handleExpand={() => {
                     this.showVideo = true
                     this.videoID = cell.expandViewElement.videoID

apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx

@@ -163,6 +163,7 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                   plugin={this}
                   title={item.displayName}
                   key={item.name}
+                  id={item.name}
                   searchKeywords={[item.displayName, item.description, template.name]}
                   tagList={item.tagList}
                   classList='TSCellStyle'

apps/remix-ide/src/app/providers/environment-explorer.tsx

@@ -111,6 +111,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               searchKeywords={['Injected', provider.name, provider.displayName, provider.title, provider.description]}
               pinned={this.pinnedProviders.includes(provider.name)}
               key={provider.name}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)
@@ -145,6 +146,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               searchKeywords={['Remix VMs', provider.name, provider.displayName, provider.title, provider.description]}
               pinned={this.pinnedProviders.includes(provider.name)}
               key={provider.name}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)
@@ -178,6 +180,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               searchKeywords={['Externals', provider.name, provider.displayName, provider.title, provider.description]}
               pinned={this.pinnedProviders.includes(provider.name)}
               key={provider.name}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)

libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx

@@ -25,6 +25,7 @@ interface RemixUIGridCellProps {
   children?: ReactNode
   expandViewEl?: any
   handleExpand?: any
+  id: string
   searchKeywords?: string[]
 }
 
@@ -97,7 +98,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
           { filterCon.showPin && <button
             className={`${pinned ? 'fa-circle-check text-dark' : 'fa-circle text-secondary'}` + ` fa-regular border-0 mb-0 remixui_grid_cell_pin`}
             style={{ fontSize: 'large' }}
-            data-id={`${pinned ? `${props.title}-pinned` : `${props.title}-unpinned`}`}
+            data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
             onClick={async () => {
               if (!props.pinStateCallback) setPinned(!pinned)
               if (await props.pinStateCallback(!pinned)) setPinned(!pinned)