refactoring: removing TODOs and renaming ascor bubble chart folder

app/views/tpi/ascor/_bubble_chart.html.erb

@@ -1,6 +1 @@
-<!-- TODO: React components need to be replaced!!! -->
-<%#= react_component('charts/country-bubble/Chart', { results: @ascor_assessment_results }) %>
-<%= react_component('charts/country-bubble/Chart', {
-  results: @ascor_assessment_results,
-  # disabled_bubbles_areas: BankAssessmentIndicator.area.where(is_placeholder: true).pluck(:text)
-}) %>
+<%= react_component('charts/ascor-bubble/Chart', { results: @ascor_assessment_results }) %>

app/views/tpi/ascor/index.html.erb

@@ -31,8 +31,6 @@
     </div>
   </div>
 
-  <!-- TODO: Finalise bubble chart section -->
-  <!-- All React components code (even mobile one) goes into tpi/ascor/bubble_chart partial -->
   <section class="container">
     <div class="bubble-chart-header">
       <h2 class="is-size-4">

spec/system/public/tpi/ascor_spec.rb

@@ -9,6 +9,18 @@
     it 'loads the page' do
       expect(page).to have_text('All countries')
     end
+
+    it 'loads bubble chart' do
+      within '.bubble-chart__container' do
+        expect(page).to have_text('1. Emissions Pathways')
+        expect(page).to have_text('2. Climate Policies')
+        expect(page).to have_text('3. Climate Finance')
+
+        expect(page).to have_text('EP 1. Emissions Trends')
+        expect(page).to have_text('CP 1. Climate Legislation')
+        expect(page).to have_text('CF 1. International Climate Finance')
+      end
+    end
   end
 
   describe 'single country page' do