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

e2e.scenario({
  describeName: 'Bar Gauge Panel',
  itName: 'Bar Gauge rendering e2e tests',
  addScenarioDataSource: false,
  addScenarioDashBoard: false,
  skipScenario: false,
  scenario: () => {
    // open Panel Tests - Bar Gauge
    e2e.flows.openDashboard({ uid: 'O6f11TZWk' });

    e2e()
      .get(`#panel-6 [aria-label^="${selectors.components.Panels.Visualization.BarGauge.value}"]`)
      .should('have.css', 'color', 'rgb(242, 73, 92)')
      .contains('100');
  },
});