Function createSuspender

compat/test/browser/suspense-utils.js:88–116

(DefaultComponent)

 * @returns {[typeof Suspender, () => Resolvers]}
 */
export function createSuspender(DefaultComponent) {
	/** @type {(lazy: typeof Component) => void} */
	let renderLazy;
	class Suspender extends Component {
		constructor(props, context) {
			super(props, context);
			this.state = { Lazy: null };

			renderLazy = Lazy => this.setState({ Lazy });
		}

		render(props, state) {
			return state.Lazy ? h(state.Lazy, props) : h(DefaultComponent, props);
		}
	}

	sinon.spy(Suspender.prototype, 'render');

	/**
	 * @returns {Resolvers}
	 */
	function suspend() {
		const [Lazy, resolve, reject] = createLazy();
		renderLazy(Lazy);
		return [resolve, reject];
	}

	return [Suspender, suspend];
}

/**
 * @returns {[() => any, (data: any) => Promise<any>, (error: Error) => Promise<any>]}