Add data-testid to EditorTransition.vue for cypress

Author: BenjaminCharmes

webapp/cypress/e2e/sampleTablePage.cy.js

@@ -258,7 +258,10 @@ describe.only("Advanced sample creation features", () => {
   it("checks the edit page of the copied sample", () => {
     cy.findByText("testBcopy").click();
     cy.findByLabelText("Name").should("have.value", "COPY OF the second test sample");
-    cy.findByText("this is a description of testB.");
+    cy.get("[data-testid=item-description-input]").should(
+      "have.text",
+      "this is a description of baseB.",
+    );
     cy.findByText("a comment is added here.");
     cy.findByText("a description of the synthesis here");
     cy.findAllByText("component3");
@@ -295,7 +298,10 @@ describe.only("Advanced sample creation features", () => {
   it("checks the edit page of the copied sample with components", () => {
     cy.findByText("testBcopy_copy").click();
     cy.findByLabelText("Name").should("have.value", "COPY OF COPY OF the second test sample");
-    cy.findByText("this is a description of testB.");
+    cy.get("[data-testid=item-description-input]").should(
+      "have.text",
+      "this is a description of baseB.",
+    );
     cy.findByText("a comment is added here.");
     cy.findByText("a description of the synthesis here");
     cy.findAllByText("component3");

webapp/src/components/datablocks/DataBlockBase.vue

@@ -129,7 +129,7 @@
       <slot></slot>
       <EditorTransition
         v-model="BlockDescription"
-        test-id="item-description-input"
+        test-id="datablock-description-input"
         data-testid="block-description"
       />
     </div>