mikebridge

import * as React from "react";
import {RouteComponentProps, withRouter} from "react-router";

export interface IWithNavigationProps {
    navigate: () => void;
}

export function withNavigation<P, S>(
    Component: React.ComponentClass<P & IWithNavigationProps> | React.SFC<P & IWithNavigationProps>,
    routeWhenClicked: string): React.ComponentClass<P> {

mikebridge

import * as React from "react";
import {shallow, mount} from "enzyme";
import configureStore from "redux-mock-store";
import withPersonalization from "./withPersonalization2";
import {IWithPersonalizationProps} from "./withPersonalization2";
import {Provider} from "react-redux";

// test helpers
const middlewares = [];
const mockStore = configureStore(middlewares);

mikebridge

import * as React from "react";
import * as ReactRedux from "react-redux";

export interface IWithPersonalizationProps {
    name: string;
}

type HOC<PWrapped, PHoc> = React.ComponentClass<PWrapped & PHoc> | React.SFC<PWrapped & PHoc>;

export function withPersonalization<P, S>(Component: HOC<P, IWithPersonalizationProps>): React.ComponentClass<P> {

mikebridge

import * as React from "react";
import {IWithPersonalizationProps, withPersonalization} from "./withPersonalization";

interface IWelcomeOwnProps {
    onClick: () => void;
}

export class Welcome extends React.Component<IWelcomeOwnProps & IWithPersonalizationProps, {}> {

    constructor(props: IWelcomeOwnProps & IWithPersonalizationProps) {

mikebridge

import * as React from "react";

export interface IWithPersonalizationProps {
    name: string;
}

type HOCWrapped<P, PHoc> = React.ComponentClass<P & PHoc> | React.SFC<P & PHoc>;

export function withPersonalization<P, S>(Component: HOCWrapped<P, IWithPersonalizationProps>): React.ComponentClass<P> {

mikebridge

import * as React from "react";
import {Welcome} from "./welcome";
import {shallow} from "enzyme";

const name = "Tester;

describe("<Welcome />", () => {
    
    it("renders a greeting from the name", () => {
        const wrapper = shallow(<Welcome name={name} onClick={() => null} />);

mikebridge

import * as React from "react";

interface IWelcomeProps {
    name: string;
    onClick: () => void;
}

export class Welcome extends React.Component<IWelcomeProps, {}> {

    constructor(props: IWelcomeProps) {

mikebridge

import * as React from "react";
import {
    AnotherSimpleStatelessComponent,
    SimpleStatelessComponent,
    TerseStatelessComponent,
    VerboseStatelessComponent,
    ReallyVerboseStatelessComponent} from "./stateless";
import {shallow} from "enzyme";

describe("Stateless Examples", () => {

mikebridge

import * as React from "react";
import * as PropTypes from "prop-types";

interface IExampleComponentProps {
    text?: string;
    onCounterIncrease: (count: number) => void;
}

interface IExampleComponentState {
    clicks: number;

mikebridge

{
    "extends": ["tslint-react"],
    "rules": {
        "align": [
            true,
            "parameters",
            "arguments",
            "statements"
        ],
        "ban": false,