react-native-web-internals/dist/esm/modules/UIManager/__tests__/index-test.js

React Native for Web

import UIManager from "..";
const createStyledNode = (name = "div", style = {}) => {
  const root = document.createElement(name);
  return Object.keys(style).forEach((prop) => {
    root.style[prop] = style[prop];
  }), root;
}, componentStub = {
  _reactInternalInstance: {
    _currentElement: { _owner: {} },
    _debugID: 1
  }
};
describe("apis/UIManager", () => {
  describe("focus", () => {
    test('sets tabIndex="-1" on elements not programmatically focusable by default', () => {
      const node = createStyledNode();
      UIManager.focus(node), expect(node.getAttribute("tabIndex")).toEqual("-1");
    }), test(`doesn't set tabIndex="-1" on elements with an existing tabIndex`, () => {
      const node = createStyledNode();
      node.tabIndex = 0, UIManager.focus(node), expect(node.getAttribute("tabIndex")).toEqual("0");
    }), test(`doesn't set tabIndex="-1" on elements focusable by default`, () => {
      ["a", "input", "select", "textarea"].forEach((name) => {
        const node = createStyledNode(name);
        UIManager.focus(node), expect(node.getAttribute("tabIndex")).toBeNull();
      });
    });
  }), describe("updateView", () => {
    test("supports className alias for class", () => {
      const node = createStyledNode(), props = { className: "extra" };
      UIManager.updateView(node, props, componentStub), expect(node.getAttribute("class")).toEqual("extra");
    }), test("adds correct DOM styles to existing style", () => {
      const node = createStyledNode("div", { color: "red" }), props = { style: { marginTop: 0, marginBottom: 0, opacity: 0 } };
      UIManager.updateView(node, props, componentStub), expect(node.getAttribute("style")).toEqual(
        "color: red; margin-top: 0px; margin-bottom: 0px; opacity: 0;"
      );
    }), test("replaces input and textarea text", () => {
      const node = createStyledNode("textarea");
      node.value = "initial";
      const textProp = { text: "expected-text" }, valueProp = { value: "expected-value" };
      UIManager.updateView(node, textProp), expect(node.value).toEqual("expected-text"), UIManager.updateView(node, valueProp), expect(node.value).toEqual("expected-value");
    }), test("sets other attribute values", () => {
      const node = createStyledNode(), props = { "aria-level": "4", "data-of-type": "string" };
      UIManager.updateView(node, props), expect(node.getAttribute("aria-level")).toEqual("4"), expect(node.getAttribute("data-of-type")).toEqual("string");
    });
  });
});
//# sourceMappingURL=index-test.js.map