From 7f5e8c09f7d96abd45a130cd52d4dcd0bdeefba4 Mon Sep 17 00:00:00 2001
From: k3yi0 <definitelynotkeyio@gmail.com>
Date: Mon, 2 May 2022 12:14:05 +0200
Subject: [PATCH] chore: format data-attribute and adjust test accordinly

---
 ui/cypress/integration/dashboard.test.ts         | 2 +-
 ui/src/dashboards/components/DashboardsTable.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/cypress/integration/dashboard.test.ts b/ui/cypress/integration/dashboard.test.ts
index 30bc69846..a62000ae2 100644
--- a/ui/cypress/integration/dashboard.test.ts
+++ b/ui/cypress/integration/dashboard.test.ts
@@ -55,7 +55,7 @@ describe('Use Dashboards', () => {
         cy.getByTestID('dashboard-filter--input').type('Empty')
         cy.getByTestID('dashboard-panel').should('have.text', `Looks like you don’t have any dashboards`)
         cy.getByTestID('dashboard-filter--input').clear().type('Dashboard')
-        cy.getByTestID('Reader Dashboard').click()
+        cy.getByTestID('reader-dashboard').click()
         cy.get('.dashboard-empty--menu').should('not.exist')
         cy.getByTestID('add-cell').should('not.exist')
         cy.getByTestID('show-variables--button').click()
diff --git a/ui/src/dashboards/components/DashboardsTable.tsx b/ui/src/dashboards/components/DashboardsTable.tsx
index a6fe55e00..8f64080ac 100644
--- a/ui/src/dashboards/components/DashboardsTable.tsx
+++ b/ui/src/dashboards/components/DashboardsTable.tsx
@@ -62,7 +62,7 @@ class DashboardsTable extends PureComponent<Props> {
               <td>
                 <Link
                   to={`${dashboardLink}/dashboards/${dashboard.id}`}
-                  data-test={`${dashboard.name}`}
+                  data-test={`${dashboard.name.replace(/\s/g, '-').toLowerCase()}`}
                 >
                   {dashboard.name}
                 </Link>