Tile selection option includes form value

FlowFuse · Dec 21, 2023 · be20a0c · be20a0c
1 parent 4e37f1e
commit be20a0c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/ui-components/components/form/TileSelectionOption.vue b/frontend/src/ui-components/components/form/TileSelectionOption.vue
@@ -7,6 +7,7 @@
              class="ff-tile-selection-option"
              :style="{'--ff-tile-selection-color': color || null}"
              tabindex="0"
+             :data-form="`tile-selection-option-${value}`"
              @click="select(false)"
              @keydown.space.prevent="select(true)"
         >

diff --git a/test/e2e/frontend/cypress/tests-ee/applications/pipelines.spec.js b/test/e2e/frontend/cypress/tests-ee/applications/pipelines.spec.js
@@ -388,7 +388,7 @@ describe('FlowForge - Application - DevOps Pipelines', () => {
             cy.get('[data-action="add-stage"]').click()
         })
 
-        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option:contains("Device")').click()
+        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option[data-form="tile-selection-option-device"]').click()
 
         cy.get('[data-form="stage-name"] input[type="text"]').type('Stage 1')
 
@@ -511,7 +511,7 @@ describe('FlowForge - Application - DevOps Pipelines', () => {
         cy.get(`[data-el="pipelines-list"] [data-el="pipeline-row"]:contains("${PIPELINE_NAME}")`).within(() => {
             cy.get('[data-action="add-stage"]').click()
         })
-        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option:contains("Device")').not(':contains("Group")').click()
+        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option[data-form="tile-selection-option-device"]').click()
 
         cy.get('[data-form="stage-name"] input[type="text"]').type('Stage 2')
 
@@ -627,7 +627,7 @@ describe('FlowForge - Application - DevOps Pipelines', () => {
             cy.get('[data-action="add-stage"]').click()
         })
 
-        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option:contains("Device Group")').click()
+        cy.get('[data-form="stage-type"]').find('.ff-tile-selection-option[data-form="tile-selection-option-device-group"]').click()
 
         cy.get('[data-form="stage-name"] input[type="text"]').type('Stage 2')
         // stage-action should not be present for device group