Add partial for the build outputs

app/assets/javascripts/job.js

@@ -32,10 +32,6 @@ export default class Job extends LogOutputBehaviours {
     this.$buildTraceOutput = $('.js-build-output');
     this.$topBar = $('.js-top-bar');
 
-    // Scroll controllers
-    this.$scrollTopBtn = $('.js-scroll-up');
-    this.$scrollBottomBtn = $('.js-scroll-down');
-
     clearTimeout(this.timeout);
 
     this.initSidebar();

app/assets/javascripts/lib/utils/scroll_utils.js

@@ -2,6 +2,9 @@ import $ from 'jquery';
 
 export const canScroll = () => $(document).height() > $(window).height();
 
+/**
+ * Checks if the entire page is scrolled down all the way to the bottom
+ */
 export const isScrolledToBottom = () => {
   const $document = $(document);
 

app/views/projects/jobs/show.html.haml

@@ -86,9 +86,7 @@
               %button.js-scroll-down.btn-scroll.btn-transparent.btn-blank{ type: 'button', disabled: true }
                 = custom_icon('scroll_down')
 
-        %pre.build-trace#build-trace
-          %code.bash.js-build-output
-          .build-loader-animation.js-build-refresh
+        = render 'shared/builds/build_output'
     - else
       = render "empty_states"
 

app/views/shared/builds/_build_output.html.haml

@@ -0,0 +1,3 @@
+%pre.build-trace#build-trace
+  %code.bash.js-build-output
+    .build-loader-animation.js-build-refresh

qa/qa/page/project/job/show.rb

@@ -4,7 +4,7 @@ module QA::Page
       COMPLETED_STATUSES = %w[passed failed canceled blocked skipped manual].freeze # excludes created, pending, running
       PASSED_STATUS = 'passed'.freeze
 
-      view 'app/views/projects/jobs/show.html.haml' do
+      view 'app/views/shared/builds/_build_output.html.haml' do
         element :build_output, '.js-build-output'
       end