Add basic feature specs for group DORA charts

This commit adds a few high-level feature specs for the group-level DORA
charts.

ee/app/assets/javascripts/dora/components/deployment_frequency_charts.vue

@@ -101,7 +101,7 @@ export default {
 };
 </script>
 <template>
-  <div>
+  <div data-testid="deployment-frequency-charts">
     <dora-chart-header
       :header-text="s__('DORA4Metrics|Deployment frequency')"
       :chart-description-text="$options.chartDescriptionText"

ee/app/assets/javascripts/dora/components/lead_time_charts.vue

@@ -139,7 +139,7 @@ export default {
 };
 </script>
 <template>
-  <div>
+  <div data-testid="lead-time-charts">
     <dora-chart-header
       :header-text="$options.i18n.chartHeaderText"
       :chart-description-text="$options.chartDescriptionText"

ee/spec/features/groups/analytics/ci_cd_analytics_spec.rb

@@ -29,4 +29,24 @@ RSpec.describe 'Group CI/CD Analytics', :js do
       expect(page).to have_content '15 Releases 67% Projects with releases'
     end
   end
+
+  shared_examples 'a DORA chart' do |selector, title|
+    it "render the #{title} charts", :aggregate_failures do
+      click_link(title)
+
+      within selector do
+        expect(page).to have_content title
+
+        expect(page).to have_content 'Last week Last month Last 90 days'
+
+        expect(page).to have_content 'Date range:'
+      end
+    end
+  end
+
+  describe 'DORA charts' do
+    it_behaves_like 'a DORA chart', '[data-testid="deployment-frequency-charts"]', 'Deployment frequency'
+
+    it_behaves_like 'a DORA chart', '[data-testid="lead-time-charts"]', 'Lead time'
+  end
 end