integration/snapshots/custom-emotion-jsx/file.debug.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import {
__require as require
} from "http://localhost:8080/__runtime.js";
import * as JSX from "http://localhost:8080/node_modules/@emotion/react/jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js";
var jsx = require(JSX).jsxDEV;

import * as $5b3cea55 from "http://localhost:8080/node_modules/react-dom/index.js";
var ReactDOM = require($5b3cea55);
export const Foo = () => jsx("div", {
  css: {content: '"it worked!"' }
}, undefined, false, undefined, this);

export function test() {
  const element = document.createElement("div");
  element.id = "custom-emotion-jsx";
  document.body.appendChild(element);
  ReactDOM.render(jsx(Foo, {}, undefined, false, undefined, this), element);
  const style = window.getComputedStyle(element.firstChild);
  if (!(style["content"] ?? "").includes("it worked!"))
    throw new Error('Expected "it worked!" but received: ' + style["content"]);
  return testDone(import.meta.url);
}