renamed perf + tests to benchmark

mnajdova · Oct 8, 2020 · 500cfa2 · 500cfa2
1 parent e43ff18
commit 500cfa2
Show file tree

Hide file tree

Showing 20 changed files with 21 additions and 24 deletions.
diff --git a/test/perf/debug.html → benchmark/index.html b/test/perf/debug.html → benchmark/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script src="../../tmp/tests.js"></script>
+    <script src="../../tmp/benchmark.js"></script>
   </body>
 </html>
diff --git a/benchmark/index.js b/benchmark/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+// Get all the scenarios
+const requirePerfScenarios = require.context('./scenarios', true, /(js|ts|tsx)$/);
+
+const rootEl = document.getElementById('root');
+
+const scenarioSuitePath = window.location.search.replace('?', '');
+
+const Component = requirePerfScenarios(scenarioSuitePath).default;
+
+ReactDOM.render(<Component />, rootEl);
diff --git a/test/perf/tests/box-emotion/index.js → benchmark/scenarios/box-emotion/index.js b/test/perf/tests/box-emotion/index.js → benchmark/scenarios/box-emotion/index.js
diff --git a/...erf/tests/box-material-ui-styles/index.js → ...scenarios/box-material-ui-styles/index.js b/...erf/tests/box-material-ui-styles/index.js → ...scenarios/box-material-ui-styles/index.js
diff --git a/...perf/tests/box-styled-components/index.js → .../scenarios/box-styled-components/index.js b/...perf/tests/box-styled-components/index.js → .../scenarios/box-styled-components/index.js
diff --git a/...material-ui-system-all-inclusive/index.js → ...material-ui-system-all-inclusive/index.js b/...material-ui-system-all-inclusive/index.js → ...material-ui-system-all-inclusive/index.js
diff --git a/.../tests/material-ui-system-colors/index.js → ...narios/material-ui-system-colors/index.js b/.../tests/material-ui-system-colors/index.js → ...narios/material-ui-system-colors/index.js
diff --git a/...tests/material-ui-system-compose/index.js → ...arios/material-ui-system-compose/index.js b/...tests/material-ui-system-compose/index.js → ...arios/material-ui-system-compose/index.js
diff --git a/.../tests/material-ui-system-spaces/index.js → ...narios/material-ui-system-spaces/index.js b/.../tests/material-ui-system-spaces/index.js → ...narios/material-ui-system-spaces/index.js
diff --git a/...rf/tests/naked-styled-components/index.js → ...cenarios/naked-styled-components/index.js b/...rf/tests/naked-styled-components/index.js → ...cenarios/naked-styled-components/index.js
diff --git a/...omponents-box-material-ui-system/index.js → ...omponents-box-material-ui-system/index.js b/...omponents-box-material-ui-system/index.js → ...omponents-box-material-ui-system/index.js
diff --git a/...led-components-box-styled-system/index.js → ...led-components-box-styled-system/index.js b/...led-components-box-styled-system/index.js → ...led-components-box-styled-system/index.js
diff --git a/.../perf/tests/styled-system-colors/index.js → ...k/scenarios/styled-system-colors/index.js b/.../perf/tests/styled-system-colors/index.js → ...k/scenarios/styled-system-colors/index.js
diff --git a/...perf/tests/styled-system-compose/index.js → .../scenarios/styled-system-compose/index.js b/...perf/tests/styled-system-compose/index.js → .../scenarios/styled-system-compose/index.js
diff --git a/.../perf/tests/styled-system-spaces/index.js → ...k/scenarios/styled-system-spaces/index.js b/.../perf/tests/styled-system-spaces/index.js → ...k/scenarios/styled-system-spaces/index.js
diff --git a/test/perf/tests/utils/index.js → benchmark/scenarios/utils/index.js b/test/perf/tests/utils/index.js → benchmark/scenarios/utils/index.js
diff --git a/test/perf/webpack.config.js → benchmark/webpack.config.js b/test/perf/webpack.config.js → benchmark/webpack.config.js
@@ -1,13 +1,13 @@
 const path = require('path');
-const webpackBaseConfig = require('../../webpackBaseConfig');
+const webpackBaseConfig = require('../webpackBaseConfig');
 
 module.exports = {
   ...webpackBaseConfig,
   entry: path.resolve(__dirname, 'index.js'),
   mode: 'development',
   output: {
-    path: path.resolve(__dirname, '../../tmp'),
-    filename: 'tests.js',
+    path: path.resolve(__dirname, '../tmp'),
+    filename: 'benchmark.js',
   },
   module: {
     ...webpackBaseConfig.module,

diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "proptypes": "cross-env BABEL_ENV=test babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts",
     "deduplicate": "node scripts/deduplicate.js",
     "argos": "argos upload test/regressions/screenshots/chrome --token $ARGOS_TOKEN",
+    "benchmark": "yarn webpack --config benchmark/webpack.config.js --mode \"production\" && node scripts/benchmark.js",
     "build:codesandbox": "lerna run --parallel --scope \"@material-ui/*\" build",
     "docs:api": "rimraf ./docs/pages/api-docs && yarn docs:api:build",
     "docs:api:build": "cross-env BABEL_ENV=test __NEXT_EXPORT_TRAILING_SLASH=true babel-node --extensions \".tsx,.ts,.js\" ./docs/scripts/buildApi.ts  ./docs/pages/api-docs ./packages/material-ui/src ./packages/material-ui-lab/src",
@@ -27,7 +28,6 @@
     "jsonlint": "node scripts/jsonlint.js",
     "lint": "eslint . --cache --report-unused-disable-directives --ext .js,.ts,.tsx",
     "lint:ci": "eslint . --report-unused-disable-directives --ext .js,.ts,.tsx",
-    "perf": "yarn webpack --config test/perf/webpack.config.js --mode \"production\" && node scripts/perf.js",
     "prettier": "node ./scripts/prettier.js",
     "prettier:all": "node ./scripts/prettier.js write",
     "size:snapshot": "node scripts/sizeSnapshot/create",

diff --git a/scripts/perf.js → scripts/benchmark.js b/scripts/perf.js → scripts/benchmark.js
@@ -8,7 +8,7 @@ const http = require('http');
 
 const SERVER = 'localhost';
 const PORT = 1122;
-const APP = 'test/perf/debug';
+const APP = 'benchmark';
 
 http
   .createServer((request, response) => {
@@ -41,12 +41,12 @@ async function runMeasures(browser, testCase, times) {
   for (let i = 0; i < times; i += 1) {
     const { page, close } = await browser.openPage(`http://${SERVER}:${PORT}/${APP}?${testCase}`);
 
-    const perf = await page.evaluate(() => {
+    const benchmark = await page.evaluate(() => {
       const { loadEventEnd, navigationStart } = performance.timing;
       return loadEventEnd - navigationStart;
     });
 
-    measures.push(perf);
+    measures.push(benchmark);
     await close();
   }
 

diff --git a/test/perf/index.js b/test/perf/index.js