Fix tests

Author: kravets-levko

client/app/components/QuerySelector.jsx

@@ -67,8 +67,10 @@ export default function QuerySelector(props) {
         dataSource={searchResults}
         rowKey="id"
         renderItem={query => (
-          <List.Item className={cx("query-selector-result", "ant-list-item-link", { inactive: query.is_draft })}>
-            <a onClick={query.is_draft ? null : () => selectQuery(query.id)} data-test={`QueryId${query.id}`}>
+          <List.Item className={cx("ant-list-item-link", { inactive: query.is_draft })}>
+            <a
+              onClick={query.is_draft ? null : () => selectQuery(query.id)}
+              data-test={`QuerySelector.Query${query.id}`}>
               {query.name}
               <QueryTagsControl isDraft={query.is_draft} tags={query.tags} className="inline-tags-control m-l-10" />
             </a>
@@ -108,8 +110,7 @@ export default function QuerySelector(props) {
                 value={q.id}
                 key={q.id}
                 disabled={disabled}
-                className="query-selector-result"
-                data-test={`QueryId${q.id}`}>
+                data-test={`QuerySelector.Query${q.id}`}>
                 {q.name}{" "}
                 <QueryTagsControl
                   isDraft={q.is_draft}

client/app/components/dashboards/dashboard-widget/Widget.less

@@ -234,8 +234,12 @@
 
     .refresh-button,
     .btn__refresh {
+      display: inline-block;
+      vertical-align: middle;
       cursor: pointer;
       padding: 5px 10px;
+      font-size: 12px;
+      line-height: 1.5;
 
       &:first-child {
         margin-left: -10px;

client/cypress/integration/alert/create_alert_spec.js

@@ -17,7 +17,7 @@ describe("Create Alert", () => {
       cy.getByTestId("QuerySelector")
         .click()
         .type("Create Alert Query");
-      cy.get(`.query-selector-result[data-test="QueryId${queryId}"]`).click();
+      cy.getByTestId(`QuerySelector.Query${queryId}`).click();
       cy.getByTestId("Criteria").should("exist");
       cy.percySnapshot("Create Alert second screen");
     });

client/cypress/integration/dashboard/sharing_spec.js

@@ -28,7 +28,7 @@ describe("Dashboard Sharing", () => {
       editDashboard();
       cy.getByTestId("AddWidgetButton").click();
       cy.getByTestId("AddWidgetDialog").within(() => {
-        cy.get(`.query-selector-result[data-test="QueryId${queryId}"]`).click();
+        cy.getByTestId(`QuerySelector.Query${queryId}`).click();
       });
       cy.contains("button", "Add to Dashboard").click();
       cy.getByTestId("AddWidgetDialog").should("not.exist");
@@ -153,7 +153,7 @@ describe("Dashboard Sharing", () => {
       editDashboard();
       cy.getByTestId("AddWidgetButton").click();
       cy.getByTestId("AddWidgetDialog").within(() => {
-        cy.get(`.query-selector-result[data-test="QueryId${queryId}"]`).click();
+        cy.getByTestId(`QuerySelector.Query${queryId}`).click();
       });
       cy.contains("button", "Add to Dashboard").click();
       cy.getByTestId("AddWidgetDialog").should("not.exist");

client/cypress/integration/dashboard/widget_spec.js

@@ -24,7 +24,7 @@ describe("Widget", () => {
       editDashboard();
       cy.getByTestId("AddWidgetButton").click();
       cy.getByTestId("AddWidgetDialog").within(() => {
-        cy.get(`.query-selector-result[data-test="QueryId${queryId}"]`).click();
+        cy.getByTestId(`QuerySelector.Query${queryId}`).click();
       });
       cy.contains("button", "Add to Dashboard").click();
       cy.getByTestId("AddWidgetDialog").should("not.exist");