chartjs-4: JS処理を待つ時間が短すぎてテストに失敗していた

cre-ne-jp · Nov 24, 2024 · 390555f · 390555f
1 parent 5146054
commit 390555f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/javascript/controllers/speeches_chart_controller.js b/app/javascript/controllers/speeches_chart_controller.js
@@ -64,7 +64,7 @@ class SpeechesChartController extends Controller {
         },
 
         // SpeechesChartControllerのthisを使いたいため、アロー関数にする
-        onHover: (_e, elements) => {
+        onHover: (_e, elements, _c) => {
           const chartClassList = this.chartTarget.classList;
 
           if (elements[0] === undefined) {
@@ -77,6 +77,8 @@ class SpeechesChartController extends Controller {
         animation: { active: { duration: 400 } },
       },
     });
+
+    this.chartTarget.classList.add("chartjs-render-monitor");
   }
 
   /**

diff --git a/test/system/channel_days_index_chart_test.rb b/test/system/channel_days_index_chart_test.rb
@@ -28,7 +28,7 @@ class ChannelDaysIndexChartTest < ApplicationSystemTestCase
   test '月のページにおいてグラフが描画されている' do
     visit(@browse_month.path)
 
-    sleep(0.1)
+    sleep(0.5)
 
     chart_canvas = find_chart_canvas
     assert do
@@ -43,7 +43,7 @@ class ChannelDaysIndexChartTest < ApplicationSystemTestCase
 
     visit(@browse_month.path)
 
-    sleep(0.1)
+    sleep(0.5)
 
     chart_canvas = find_chart_canvas
     chart_canvas.click
@@ -69,7 +69,7 @@ class ChannelDaysIndexChartTest < ApplicationSystemTestCase
 
     visit(@browse_month.path)
 
-    sleep(0.1)
+    sleep(0.5)
 
     chart_canvas = find_chart_canvas
     chart_canvas.click