Remove virtual list from test report

The virtual list component has a bug with
tall rows, causing the scrolling to get messed
up and the report unusable. This is a temporary
fix until we can fix the virtual list component.

app/assets/javascripts/pipelines/components/test_reports/test_suite_table.vue

@@ -2,13 +2,11 @@
 import { mapGetters } from 'vuex';
 import { GlTooltipDirective, GlFriendlyWrap, GlIcon } from '@gitlab/ui';
 import { __ } from '~/locale';
-import SmartVirtualList from '~/vue_shared/components/smart_virtual_list.vue';
 
 export default {
   name: 'TestsSuiteTable',
   components: {
     GlIcon,
-    SmartVirtualList,
     GlFriendlyWrap,
   },
   directives: {
@@ -27,8 +25,6 @@ export default {
       return this.getSuiteTests.length > 0;
     },
   },
-  maxShownRows: 30,
-  typicalRowHeight: 75,
   wrapSymbols: ['::', '#', '.', '_', '-', '/', '\\'],
 };
 </script>
@@ -60,11 +56,6 @@ export default {
         </div>
       </div>
 
-      <smart-virtual-list
-        :length="getSuiteTests.length"
-        :remain="$options.maxShownRows"
-        :size="$options.typicalRowHeight"
-      >
       <div
         v-for="(testCase, index) in getSuiteTests"
         :key="index"
@@ -119,7 +110,6 @@ export default {
           </div>
         </div>
       </div>
-      </smart-virtual-list>
     </div>
 
     <div v-else>

app/assets/javascripts/pipelines/components/test_reports/test_summary_table.vue

@@ -2,13 +2,11 @@
 import { mapGetters } from 'vuex';
 import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
 import { s__ } from '~/locale';
-import SmartVirtualList from '~/vue_shared/components/smart_virtual_list.vue';
 
 export default {
   name: 'TestsSummaryTable',
   components: {
     GlIcon,
-    SmartVirtualList,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -31,8 +29,6 @@ export default {
       this.$emit('row-click', index);
     },
   },
-  maxShownRows: 20,
-  typicalRowHeight: 55,
 };
 </script>
 
@@ -69,11 +65,6 @@ export default {
         </div>
       </div>
 
-      <smart-virtual-list
-        :length="getTestSuites.length"
-        :remain="$options.maxShownRows"
-        :size="$options.typicalRowHeight"
-      >
       <div
         v-for="(testSuite, index) in getTestSuites"
         :key="index"
@@ -145,7 +136,6 @@ export default {
           <div class="table-mobile-content">{{ testSuite.total_count }}</div>
         </div>
       </div>
-      </smart-virtual-list>
     </div>
 
     <div v-else>

changelogs/unreleased/212274-remove-virtual-list-from-test-report.yml

+---
+title: Remove virtual scroll list from pipeline test report
+merge_request: 41935
+author:
+type: fixed