import { selectors } from '@grafana/e2e-selectors';

import { e2e } from '../utils';

describe('Bar Gauge Panel', () => {
  beforeEach(() => {
    e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'));
  });

  it('Bar Gauge rendering e2e tests', () => {
    // open Panel Tests - Bar Gauge
    e2e.flows.openDashboard({ uid: 'O6f11TZWk' });

    cy.get(
      `[data-viz-panel-key="panel-6"] [data-testid^="${selectors.components.Panels.Visualization.BarGauge.valueV2}"]`
    )
      .should('have.css', 'color', 'rgb(242, 73, 92)')
      .contains('100');
  });
});