aboutsummaryrefslogtreecommitdiff
path: root/bench/hot-module-reloading/css-stress-test/src
diff options
context:
space:
mode:
Diffstat (limited to 'bench/hot-module-reloading/css-stress-test/src')
-rw-r--r--bench/hot-module-reloading/css-stress-test/src/index.tsx5
-rw-r--r--bench/hot-module-reloading/css-stress-test/src/main.tsx20
2 files changed, 7 insertions, 18 deletions
diff --git a/bench/hot-module-reloading/css-stress-test/src/index.tsx b/bench/hot-module-reloading/css-stress-test/src/index.tsx
index 35e7fceab..7ca290f48 100644
--- a/bench/hot-module-reloading/css-stress-test/src/index.tsx
+++ b/bench/hot-module-reloading/css-stress-test/src/index.tsx
@@ -3,10 +3,7 @@ import classNames from "classnames";
import ReactDOM from "react-dom";
const Base = ({}) => {
- const name =
- typeof location !== "undefined"
- ? decodeURIComponent(location.search.substring(1))
- : null;
+ const name = typeof location !== "undefined" ? decodeURIComponent(location.search.substring(1)) : null;
return <Main productName={name} />;
};
diff --git a/bench/hot-module-reloading/css-stress-test/src/main.tsx b/bench/hot-module-reloading/css-stress-test/src/main.tsx
index 2093d924f..9707deaae 100644
--- a/bench/hot-module-reloading/css-stress-test/src/main.tsx
+++ b/bench/hot-module-reloading/css-stress-test/src/main.tsx
@@ -4,8 +4,8 @@ export const Main = (props: { productName: string; cssInJS?: string }) => {
<header>
<div className="Title">CSS HMR Stress Test!</div>
<p className="Description">
- This page visually tests how quickly a bundler can update{" "}
- {props.cssInJS ? "CSS-in-JS" : "CSS"} over Hot Module Reloading.
+ This page visually tests how quickly a bundler can update {props.cssInJS ? "CSS-in-JS" : "CSS"} over Hot
+ Module Reloading.
</p>
</header>
<main className="main">
@@ -19,9 +19,7 @@ export const Main = (props: { productName: string; cssInJS?: string }) => {
<div className="ProgressBar-container">
<div className="ProgressBar"></div>
</div>
- <div className="SectionLabel">
- The progress bar should move from left to right smoothly.
- </div>
+ <div className="SectionLabel">The progress bar should move from left to right smoothly.</div>
</section>
<section>
@@ -42,21 +40,15 @@ export const Main = (props: { productName: string; cssInJS?: string }) => {
<div className="Spinner"></div>
</div>
</div>
- <div className="SectionLabel">
- The spinners should rotate &amp; change color smoothly.
- </div>
+ <div className="SectionLabel">The spinners should rotate &amp; change color smoothly.</div>
</section>
</main>
<footer>
- <div className="SectionLabel FooterLabel">
- There are no CSS animations on this page.
- </div>
+ <div className="SectionLabel FooterLabel">There are no CSS animations on this page.</div>
<div className="Bundler-container">
<div className="Bundler">{props.productName}</div>
- <div className="Bundler-updateRate">
- {props.cssInJS ? "CSS-in-JS framework: " + props.cssInJS : ""}
- </div>
+ <div className="Bundler-updateRate">{props.cssInJS ? "CSS-in-JS framework: " + props.cssInJS : ""}</div>
</div>
</footer>
</>