diff options
| author | 2021-10-07 21:27:47 -0700 | |
|---|---|---|
| committer | 2021-10-07 21:27:47 -0700 | |
| commit | ae7b91efe2076254d66d608052f4729fd34b3546 (patch) | |
| tree | 1bc8f86ca8997c4801839f38326e7b3993efe651 /examples/css-stress-test/src/main.tsx | |
| parent | 6d9ccd9b8edb149aee957b3e6c7668cc45ce7664 (diff) | |
| download | bun-ae7b91efe2076254d66d608052f4729fd34b3546.tar.gz bun-ae7b91efe2076254d66d608052f4729fd34b3546.tar.zst bun-ae7b91efe2076254d66d608052f4729fd34b3546.zip | |
Add CSS HMR benchmarkjarred/bench
Diffstat (limited to 'examples/css-stress-test/src/main.tsx')
| -rw-r--r-- | examples/css-stress-test/src/main.tsx | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/examples/css-stress-test/src/main.tsx b/examples/css-stress-test/src/main.tsx deleted file mode 100644 index 556f3d3b7..000000000 --- a/examples/css-stress-test/src/main.tsx +++ /dev/null @@ -1,67 +0,0 @@ -export const Main = ({ productName }) => { - return ( - <> - <header> - <div className="Title">CSS HMR Stress Test!</div> - <p className="Description"> - This page visually tests how quickly a bundler can update CSS over Hot - Module Reloading. - </p> - </header> - <main className="main"> - <section className="ProgressSection"> - <p className="Subtitle"> - <span className="Subtitle-part"> - Ran: <span className="timer"></span> - </span> - </p> - - <div className="ProgressBar-container"> - <div className="ProgressBar"></div> - </div> - <div className="SectionLabel"> - The progress bar should move from left to right smoothly. - </div> - </section> - - <section> - <div className="Spinners"> - <div className="Spinner-container Spinner-1"> - <div className="Spinner"></div> - </div> - - <div className="Spinner-container Spinner-2"> - <div className="Spinner"></div> - </div> - - <div className="Spinner-container Spinner-3"> - <div className="Spinner"></div> - </div> - - <div className="Spinner-container Spinner-4"> - <div className="Spinner"></div> - </div> - </div> - <div className="SectionLabel"> - The spinners should rotate & change color smoothly. - </div> - </section> - </main> - <footer> - <div className="SectionLabel FooterLabel"> - There are no CSS animations on this page. - </div> - - <div className="Bundler-container"> - <div className="Bundler">{productName}</div> - <div className="Bundler-updateRate"> - {/* This should loose all the styles - <span className="highlight"> - <span className="interval"></span>ms - </span> */} - </div> - </div> - </footer> - </> - ); -}; |
