From 3a627bf921dc47238a14d7826713e4c470cac289 Mon Sep 17 00:00:00 2001
From: unknown <elsoazemelet@gmail.com>
Date: Mon, 20 Jan 2025 22:20:01 +0100
Subject: [PATCH] Added test-ids

---
 src/renderer/config-blocks/VarGlobal.svelte | 43 ++++++++++++---------
 src/renderer/config-blocks/VarLocals.svelte | 43 ++++++++++++---------
 src/renderer/config-blocks/VarSelf.svelte   | 43 ++++++++++++---------
 3 files changed, 72 insertions(+), 57 deletions(-)

diff --git a/src/renderer/config-blocks/VarGlobal.svelte b/src/renderer/config-blocks/VarGlobal.svelte
index 281aaf66..c80f9006 100644
--- a/src/renderer/config-blocks/VarGlobal.svelte
+++ b/src/renderer/config-blocks/VarGlobal.svelte
@@ -140,25 +140,30 @@
     <div class="flex flex-col gap-2">
       {#each scriptSegments as script, i}
         <div class="grid grid-cols-[25%_1fr_auto] gap-2 items-center">
-          <MeltCombo
-            title={" "}
-            bind:value={script.variable}
-            validator={(e) => {
-              return new Validator(e).NotEmpty().Result();
-            }}
-            on:validator={(e) => {
-              const data = e.detail;
-              dispatch("validator", data);
-            }}
-            on:input={(e) => {
-              sendData();
-            }}
-            on:change={() => {
-              dispatch("sync");
-            }}
-          />
+          <div data-testid="variable-name">
+            <MeltCombo
+              title={" "}
+              bind:value={script.variable}
+              validator={(e) => {
+                return new Validator(e).NotEmpty().Result();
+              }}
+              on:validator={(e) => {
+                const data = e.detail;
+                dispatch("validator", data);
+              }}
+              on:input={(e) => {
+                sendData();
+              }}
+              on:change={() => {
+                dispatch("sync");
+              }}
+            />
+          </div>
 
-          <div class="border border-black flex items-center flex-grow h-full">
+          <div
+            data-testid="variable-value"
+            class="border border-black flex items-center flex-grow h-full"
+          >
             <LineEditor
               on:input={(e) => {
                 script.value = e.detail.script ?? "";
@@ -195,7 +200,7 @@
       {/each}
     </div>
 
-    <div class="self-center">
+    <div data-testid="add-variable" class="self-center">
       <MoltenPushButton
         click={addGlobalVariable}
         text={"Add New Global Variable"}
diff --git a/src/renderer/config-blocks/VarLocals.svelte b/src/renderer/config-blocks/VarLocals.svelte
index 741ede1a..2c96da31 100644
--- a/src/renderer/config-blocks/VarLocals.svelte
+++ b/src/renderer/config-blocks/VarLocals.svelte
@@ -140,25 +140,30 @@
     <div class="flex flex-col gap-2">
       {#each scriptSegments as script, i}
         <div class="grid grid-cols-[25%_1fr_auto] gap-2 items-center">
-          <MeltCombo
-            title={" "}
-            bind:value={script.variable}
-            validator={(e) => {
-              return new Validator(e).NotEmpty().Result();
-            }}
-            on:validator={(e) => {
-              const data = e.detail;
-              dispatch("validator", data);
-            }}
-            on:input={(e) => {
-              sendData();
-            }}
-            on:change={() => {
-              dispatch("sync");
-            }}
-          />
+          <div data-testid="variable-name">
+            <MeltCombo
+              title={" "}
+              bind:value={script.variable}
+              validator={(e) => {
+                return new Validator(e).NotEmpty().Result();
+              }}
+              on:validator={(e) => {
+                const data = e.detail;
+                dispatch("validator", data);
+              }}
+              on:input={(e) => {
+                sendData();
+              }}
+              on:change={() => {
+                dispatch("sync");
+              }}
+            />
+          </div>
 
-          <div class="border border-black flex items-center flex-grow h-full">
+          <div
+            data-testid="variable-value"
+            class="border border-black flex items-center flex-grow h-full"
+          >
             <LineEditor
               on:input={(e) => {
                 script.value = e.detail.script ?? "";
@@ -195,7 +200,7 @@
       {/each}
     </div>
 
-    <div class="self-center">
+    <div data-testid="add-variable" class="self-center">
       <MoltenPushButton
         click={addLocalVariable}
         text={"Add New Local Variable"}
diff --git a/src/renderer/config-blocks/VarSelf.svelte b/src/renderer/config-blocks/VarSelf.svelte
index f9926482..34d3f84b 100644
--- a/src/renderer/config-blocks/VarSelf.svelte
+++ b/src/renderer/config-blocks/VarSelf.svelte
@@ -144,25 +144,30 @@
     <div class="flex flex-col gap-2">
       {#each scriptSegments as script, i}
         <div class="grid grid-cols-[25%_1fr_auto] gap-2 items-center">
-          <MeltCombo
-            title={" "}
-            bind:value={script.variable}
-            validator={(e) => {
-              return new Validator(e).NotEmpty().Result();
-            }}
-            on:validator={(e) => {
-              const data = e.detail;
-              dispatch("validator", data);
-            }}
-            on:input={(e) => {
-              sendData();
-            }}
-            on:change={() => {
-              dispatch("sync");
-            }}
-          />
+          <div data-testid="variable-name">
+            <MeltCombo
+              title={" "}
+              bind:value={script.variable}
+              validator={(e) => {
+                return new Validator(e).NotEmpty().Result();
+              }}
+              on:validator={(e) => {
+                const data = e.detail;
+                dispatch("validator", data);
+              }}
+              on:input={(e) => {
+                sendData();
+              }}
+              on:change={() => {
+                dispatch("sync");
+              }}
+            />
+          </div>
 
-          <div class="border border-black flex items-center flex-grow h-full">
+          <div
+            data-testid="variable-value"
+            class="border border-black flex items-center flex-grow h-full"
+          >
             <LineEditor
               on:input={(e) => {
                 script.value = e.detail.script ?? "";
@@ -199,7 +204,7 @@
       {/each}
     </div>
 
-    <div class="self-center">
+    <div data-testid="add-variable" class="self-center">
       <MoltenPushButton
         click={addSelfVariable}
         text={"Add New Self Variable"}