aboutsummaryrefslogtreecommitdiff
path: root/integration/snippets/styledcomponents-output.js
diff options
context:
space:
mode:
authorGravatar Jarred Sumner <709451+Jarred-Sumner@users.noreply.github.com> 2022-06-22 23:21:48 -0700
committerGravatar Jarred Sumner <709451+Jarred-Sumner@users.noreply.github.com> 2022-06-22 23:21:48 -0700
commit729d445b6885f69dd2c6355f38707bd42851c791 (patch)
treef87a7c408929ea3f57bbb7ace380cf869da83c0e /integration/snippets/styledcomponents-output.js
parent25f820c6bf1d8ec6d444ef579cc036b8c0607b75 (diff)
downloadbun-729d445b6885f69dd2c6355f38707bd42851c791.tar.gz
bun-729d445b6885f69dd2c6355f38707bd42851c791.tar.zst
bun-729d445b6885f69dd2c6355f38707bd42851c791.zip
change the directory structurejarred/rename
Diffstat (limited to 'integration/snippets/styledcomponents-output.js')
-rw-r--r--integration/snippets/styledcomponents-output.js63
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);
-}