add data-testid

gameroman · web-flow · commit e4bcf9e45285 · 2026-03-26T17:48:19.000Z
diff --git a/app/components/Compare/ReplacementSuggestion.vue b/app/components/Compare/ReplacementSuggestion.vue
@@ -31,6 +31,7 @@ const nodeVersion = computed(() => {
         ? 'bg-amber-500/10 border border-amber-600/30 text-amber-800 dark:text-amber-400'
         : 'bg-blue-500/10 border border-blue-600/30 text-blue-700 dark:text-blue-400'
     "
+    data-testid="replacement-suggestion-card"
   >
     <span
       class="w-4 h-4 flex-shrink-0 mt-0.5"
diff --git a/app/components/Package/Replacement.vue b/app/components/Package/Replacement.vue
@@ -25,6 +25,7 @@ const replacementDescription =
 <template>
   <div
     class="border border-amber-600/40 bg-amber-500/10 rounded-lg px-3 py-2 text-base text-amber-800 dark:text-amber-400"
+    data-testid="replacement-card"
   >
     <h2 class="font-medium mb-1 flex items-center gap-2">
       <span class="i-lucide:lightbulb w-4 h-4" aria-hidden="true" />

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ const nodeVersion = computed(() => {`
`31`	`31`	`? 'bg-amber-500/10 border border-amber-600/30 text-amber-800 dark:text-amber-400'`
`32`	`32`	`: 'bg-blue-500/10 border border-blue-600/30 text-blue-700 dark:text-blue-400'`
`33`	`33`	`"`
	`34`	`+ data-testid="replacement-suggestion-card"`
`34`	`35`	`>`
`35`	`36`	`<span`
`36`	`37`	`class="w-4 h-4 flex-shrink-0 mt-0.5"`
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@ const replacementDescription =`
`25`	`25`	`<template>`
`26`	`26`	`<div`
`27`	`27`	`class="border border-amber-600/40 bg-amber-500/10 rounded-lg px-3 py-2 text-base text-amber-800 dark:text-amber-400"`
	`28`	`+ data-testid="replacement-card"`
`28`	`29`	`>`
`29`	`30`	`<h2 class="font-medium mb-1 flex items-center gap-2">`
`30`	`31`	`<span class="i-lucide:lightbulb w-4 h-4" aria-hidden="true" />`