diff options
author | 2022-06-22 23:21:48 -0700 | |
---|---|---|
committer | 2022-06-22 23:21:48 -0700 | |
commit | 729d445b6885f69dd2c6355f38707bd42851c791 (patch) | |
tree | f87a7c408929ea3f57bbb7ace380cf869da83c0e /integration/snippets/styledcomponents-output.js | |
parent | 25f820c6bf1d8ec6d444ef579cc036b8c0607b75 (diff) | |
download | bun-jarred/rename.tar.gz bun-jarred/rename.tar.zst bun-jarred/rename.zip |
change the directory structurejarred/rename
Diffstat (limited to 'integration/snippets/styledcomponents-output.js')
-rw-r--r-- | integration/snippets/styledcomponents-output.js | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/integration/snippets/styledcomponents-output.js b/integration/snippets/styledcomponents-output.js deleted file mode 100644 index a79b5e24d..000000000 --- a/integration/snippets/styledcomponents-output.js +++ /dev/null @@ -1,63 +0,0 @@ -import styled from "styled-components"; -import React from "react"; -import ReactDOM from "react-dom"; - -const ErrorScreenRoot = styled.div` - font-family: "Muli", -apple-system, BlinkMacSystemFont, Helvetica, Arial, - sans-serif; - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background: #fff; - text-align: center; - background-color: #0b2988; - color: #fff; - font-family: "Muli", -apple-system, BlinkMacSystemFont, Helvetica, Arial, - sans-serif; - line-height: 1.5em; - - & > p { - margin-top: 10px; - } - - & a { - color: inherit; - } -`; - -export function test() { - if (typeof window !== "undefined") { - const reactEl = document.createElement("div"); - document.body.appendChild(reactEl); - ReactDOM.render( - <ErrorScreenRoot id="error-el"> - The react child should have this text - </ErrorScreenRoot>, - reactEl - ); - - const style = document.querySelector("style[data-styled]"); - console.assert(style, "style tag should exist"); - console.assert( - style.textContent.split("").every((a) => a.codePointAt(0) < 128), - "style tag should not contain invalid unicode codepoints" - ); - console.assert( - document.querySelector("#error-el").textContent === - "The react child should have this text" - ); - - ReactDOM.unmountComponentAtNode(reactEl); - reactEl.remove(); - style.remove(); - return testDone(import.meta.url); - } - - return testDone(import.meta.url); -} |