react-native-web-internals
Version:
React Native for Web
70 lines (69 loc) • 2.76 kB
JavaScript
import UIManager from "../index.mjs";
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.mjs.map