@tamagui/react-native-web-lite/dist/esm/AppRegistry/__tests__/index-test.native.js

React Native for Web

import React from "react";
import AppRegistry from "..";
var NoopComponent = function () {
  return /* @__PURE__ */React.createElement("div");
};
describe("AppRegistry", function () {
  describe("runApplication", function () {
    var rootTag;
    beforeEach(function () {
      rootTag = document.createElement("div"), rootTag.id = "react-root", document.body.appendChild(rootTag);
    }), afterEach(function () {
      document.body.removeChild(rootTag);
    }), test("callback after render", function () {
      var callback = jest.fn();
      AppRegistry.registerComponent("App", function () {
        return NoopComponent;
      }), AppRegistry.runApplication("App", {
        initialProps: {},
        rootTag,
        callback
      }), expect(callback).toHaveBeenCalledTimes(1);
    }), test("styles roots in different documents", function () {
      AppRegistry.registerComponent("App", function () {
        return NoopComponent;
      }), AppRegistry.runApplication("App", {
        initialProps: {},
        rootTag
      });
      var iframe = document.createElement("iframe");
      document.body.appendChild(iframe);
      var iframeRootTag = document.createElement("div");
      iframeRootTag.id = "react-iframe-root", iframe.contentWindow.document.body.appendChild(iframeRootTag), AppRegistry.registerComponent("App", function () {
        return NoopComponent;
      }), AppRegistry.runApplication("App", {
        initialProps: {},
        rootTag: iframeRootTag
      });
      var iframedoc = iframeRootTag.ownerDocument;
      expect(iframedoc).toBe(iframe.contentWindow.document), expect(iframedoc).not.toBe(document);
      var cssText = Array.prototype.slice.call(iframedoc.getElementById("react-native-stylesheet").sheet.cssRules).map(function (cssRule) {
        return cssRule.cssText;
      });
      expect(cssText).toMatchInlineSnapshot(`
        [
          "[stylesheet-group=\\"0\\"] {}",
          "body {margin: 0;}",
          "button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}",
          "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
          "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
          "[stylesheet-group=\\"1\\"] {}",
          ".css-view-175oi2r {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
          "[stylesheet-group=\\"2\\"] {}",
          ".r-display-xoduu5 {display: inline-flex;}",
          ".r-flex-13awgt0 {flex: 1;}",
          "[stylesheet-group=\\"2.2\\"] {}",
          ".r-bottom-1p0dtai {bottom: 0px;}",
          ".r-left-1d2f490 {left: 0px;}",
          ".r-pointerEvents-105ug2t {pointer-events: auto !important;}",
          ".r-pointerEvents-12vffkv>* {pointer-events: auto;}",
          ".r-pointerEvents-12vffkv {pointer-events: none !important;}",
          ".r-pointerEvents-633pao {pointer-events: none !important;}",
          ".r-pointerEvents-ah5dr5>* {pointer-events: none;}",
          ".r-pointerEvents-ah5dr5 {pointer-events: auto !important;}",
          ".r-position-u8s1d {position: absolute;}",
          ".r-right-zchlnj {right: 0px;}",
          ".r-top-ipm5af {top: 0px;}",
        ]
      `);
    });
  });
});
//# sourceMappingURL=index-test.native.js.map