fix playwright reorder issue

Signed-off-by: Roman Dmytrenko <[email protected]>

Author: erka

ui/package-lock.json

@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.1",
-    "@playwright/test": "^1.55.0",
+    "@playwright/test": "^1.55.1",
     "@tailwindcss/forms": "^0.5.10",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/jest": "^29.5.14",

ui/package.json

@@ -221,7 +221,11 @@ export default function Rollouts({ flag, rollouts }: RolloutsProps) {
                     items={rollouts.map((rollout) => rollout.id!)}
                     strategy={verticalListSortingStrategy}
                   >
-                    <ul role="list" className="flex-col space-y-6 p-2 md:flex">
+                    <ul
+                      role="list"
+                      data-testid="rollouts"
+                      className="flex-col space-y-6 p-2 md:flex"
+                    >
                       {rollouts &&
                         rollouts.map((rollout, index) => (
                           <SortableRollout

ui/src/app/flags/rollouts/Rollouts.tsx

@@ -291,6 +291,7 @@ export default function Rules({ flag, variants, rules }: RulesProps) {
                     >
                       <ul
                         role="list"
+                        data-testid="rules"
                         className="flex-col space-y-6 p-2 md:flex"
                       >
                         {rules &&