diff --git a/ee/app/assets/javascripts/ci_minutes_usage/components/minutes_usage_project_chart.vue b/ee/app/assets/javascripts/ci_minutes_usage/components/minutes_usage_project_chart.vue index d04c1342cefe40cb83e7a86648d72cc410bf9df2..d4dd1133f8159e10f9fe39d58859721d200f7f20 100644 --- a/ee/app/assets/javascripts/ci_minutes_usage/components/minutes_usage_project_chart.vue +++ b/ee/app/assets/javascripts/ci_minutes_usage/components/minutes_usage_project_chart.vue @@ -69,7 +69,7 @@ export default { return this.minutesUsageData.map((cur) => cur.month); }, isDataEmpty() { - return this.minutesUsageData.length === 0 && this.selectedMonth.length === 0; + return this.minutesUsageData.length === 0 && !this.selectedMonth; }, }, watch: { diff --git a/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_month_chart_spec.js b/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_month_chart_spec.js index 7cfb1a8f5471627df977bba4dd647a639cd2546e..a6954ab3840c46d5189cad2ca0c650eaa0979c76 100644 --- a/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_month_chart_spec.js +++ b/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_month_chart_spec.js @@ -37,7 +37,7 @@ describe('Minutes usage by month chart component', () => { expect(findAlert().exists()).toBe(false); }); - it('renders an alert when no data is avaliable', () => { + it('renders an alert when no data is available', () => { createComponent({ minutesUsageData: [] }); expect(findAlert().exists()).toBe(true); diff --git a/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_project_chart_spec.js b/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_project_chart_spec.js index ac6ae3088bde2f0bce594237bc1089bae69aba61..1447a9e4b240eb95e9be1df5392016219d1a0e1d 100644 --- a/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_project_chart_spec.js +++ b/ee/spec/frontend/ci_minutes_usage/components/minutes_usage_project_chart_spec.js @@ -55,7 +55,7 @@ describe('Minutes usage by project chart component', () => { }); describe('without CI minutes data', () => { - it('renders an alert when no data is avaliable', () => { + it('renders an alert when no data is available', () => { createComponent({ minutesUsageData: [] }); expect(findAlert().exists()).toBe(true);