web: add benchmark test for build output

This change measures the render time of the BuildOutput component.

Change-Id: I47979443781f0150f8f203c857847801d54a7385

1 files changed, 38 insertions, 0 deletions

diff --git a/web/src/containers/build/BuildOutput.test.jsx b/web/src/containers/build/BuildOutput.test.jsx
new file mode 100644
index 000000000..c76236a2e
--- /dev/null
+++ b/web/src/containers/build/BuildOutput.test.jsx
@@ -0,0 +1,38 @@
+// Copyright 2021 Red Hat, Inc
+//
+// Licensed under the Apache License, Version 2.0 (the "License"); you may
+// not use this file except in compliance with the License. You may obtain
+// a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+// License for the specific language governing permissions and limitations
+// under the License.
+
+import React from 'react'
+import ReactDOM from 'react-dom'
+import BuildOutput from './BuildOutput'
+
+const fakeOutput = (width, height) => ({
+  test: {
+    failed: [
+      {
+        zuul_log_id: 'fake',
+        stderr_lines: Array(height).fill('x'.repeat(width))
+      },
+    ],
+  },
+})
+
+it('BuildOutput renders big task', () => {
+  const div = document.createElement('div')
+  const output = fakeOutput(512, 1024)
+  const begin = performance.now()
+  ReactDOM.render(<BuildOutput output={output} />, div, () => {
+    const end = performance.now()
+    console.log('Render took ' + (end - begin) + ' milliseconds.')
+  })
+})