Function benchmarkRun

modules/ssr-benchmarks/run-benchmark.ts:52–90

* * @param rowCount Number of rows rendered in the App * @param renderingCount Number of times the app will be rendered

(rowCount: number, renderingCount: number)

 * @param renderingCount Number of times the app will be rendered
 */
async function benchmarkRun(rowCount: number, renderingCount: number) {
  const measures: Map<string, number[]> = new Map();
  initData(rowCount);

  // Rendering & profiling
  for (let i = 0; i < renderingCount; i++) {
    await render(DISABLE_DOM_EMULATION);
    storePerformanceLogOfCurrentRun(measures);
  }

  const totals = measures.get(`${PERFORMANCE_MARK_PREFIX}:renderApplication`)!;
  const avgTotals = totals.reduce((acc, val) => acc + val, 0) / totals.length;

  let maxNameLength = 0;
  const table = [...measures.entries()]
    .map(([name, durations]) => {
      name = name.substring(PERFORMANCE_MARK_PREFIX.length + 1);
      const level = levels.get(name) ?? 0;
      name = `${new Array(level + 1).join(' ')} ${level ? '└ ' : ''}${name}`;
      maxNameLength = Math.max(name.length, maxNameLength);
      const avg = durations.reduce((acc, val) => acc + val, 0) / durations.length;
      const avgStr = durationToString(avg);
      const percentage = `${((avg / avgTotals) * 100).toFixed(1)}%`;
      const min = durationToString(Math.min(...durations));
      const max = durationToString(Math.max(...durations));
      return {name, min, average: avgStr, percentage, max};
    })
    .map(({name, ...rest}) => {
      // We need this because Node18 aligns text in the middle of the column instead of left).
      const spaces = maxNameLength - name.length;

      return {name: `${name}${' '.repeat(spaces)}`, ...rest};
    });

  // Logging the profiling result as a table
  console.log(`=== table with ${rowCount} rows, with ${renderingCount} renders ===`);
  console.table(table);
  console.log('\n', '\n');
}

function durationToString(duration: number) {
  return `${duration.toFixed(1)}ms`;