mirror of
https://github.com/bendtherules/react-fiber-traverse.git
synced 2026-08-18 13:52:36 +00:00
Add getWrappedComponent util and consume in tests
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
import React from "react";
|
||||
|
||||
import * as React from "react";
|
||||
// Import stuff from src
|
||||
import { findNodeByComponentName } from "../src";
|
||||
|
||||
@@ -7,6 +6,7 @@ import { findNodeByComponentName } from "../src";
|
||||
import { mountAndGetRootNode } from "./utils/mount-in-enzyme";
|
||||
import CDepth1 from "./sample-components/depth-1-simple";
|
||||
import { FiberNodeForComponentClass } from "../src/mocked-types";
|
||||
import getWrappedComponent from "./utils/getWrappedComponent";
|
||||
|
||||
describe("findNodeByComponentName", () => {
|
||||
let container: HTMLDivElement;
|
||||
@@ -21,17 +21,11 @@ describe("findNodeByComponentName", () => {
|
||||
|
||||
describe("basic", () => {
|
||||
it("should work for top-level name", () => {
|
||||
// TODO: Move this to a helper function
|
||||
class WrappedC extends React.Component {
|
||||
render() {
|
||||
return <CDepth1 />;
|
||||
}
|
||||
}
|
||||
const WrappedC = getWrappedComponent(CDepth1);
|
||||
const rootNode = mountAndGetRootNode(WrappedC, container);
|
||||
|
||||
const found = findNodeByComponentName(rootNode, CDepth1.name);
|
||||
|
||||
// Shouldn't be null, or other falsy value
|
||||
expect(found).not.toBeFalsy();
|
||||
expect((found as FiberNodeForComponentClass).stateNode).toBeInstanceOf(
|
||||
CDepth1
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
import React from "react";
|
||||
|
||||
function getWrappedComponent(SomeComponent: React.ElementType) {
|
||||
class WrappedC extends React.Component {
|
||||
render() {
|
||||
return <SomeComponent />;
|
||||
}
|
||||
}
|
||||
return WrappedC;
|
||||
}
|
||||
|
||||
export default getWrappedComponent;
|
||||
Reference in New Issue
Block a user