Change trace spec to find wrapper

Instead of just finding the system output,
we should be checking that the whole section
is hidden/shown so that we are also handling
the section name correctly.

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

@@ -53,9 +53,13 @@ export default {
       </div>
     </div>
 
-    <div v-if="testCase.system_output" class="gl-display-flex gl-flex-wrap gl-mx-n4 gl-my-3">
+    <div
+      v-if="testCase.system_output"
+      class="gl-display-flex gl-flex-wrap gl-mx-n4 gl-my-3"
+      data-testid="test-case-trace"
+    >
       <strong class="gl-text-right col-sm-3">{{ $options.text.trace }}</strong>
-      <div class="col-sm-9" data-testid="test-case-trace">
+      <div class="col-sm-9">
         <code-block :code="testCase.system_output" />
       </div>
     </div>

spec/frontend/pipelines/test_reports/test_case_details_spec.js

@@ -60,7 +60,7 @@ describe('Test case details', () => {
     it('renders the test case system output', () => {
       createComponent();
 
-      expect(findSystemOutput().text()).toBe(defaultTestCase.system_output);
+      expect(findSystemOutput().text()).toContain(defaultTestCase.system_output);
     });
   });