UIHarness Sample

A "getting started" project employing the UIHarness to develop React components.

Install and Start

npm install
npm start

Point your browser at http://localhost:3030.

This screen is produced by a simple describe block that looks like this:

describe("MyComponent", function() {
  let count = 0;
  this.header(`## A Simple Component`); // Markdown.

  before(() => {
    // Runs when the Suite loads.  Use this to host your component-under-test.
    this.load( <MyComponent color="red"/> );
  });

  it("reload", () => {
    count += 1;
    this.load( <MyComponent color="red" text={`My Component ${ count }`} /> );
  });

  section("text", () => {
    it("increment", () => {
      count += 1;
      this.props({ text: `My Component ${ count }` });
    });
    it("long", () => { this.props({ text: LOREM }) });
  });

  section("color", () => {
    it("red", () => this.props({ color: "red" }));
    it("green", () => this.props({ color: "green" }));
    it("blue", () => this.props({ color: "blue" }));
  });
});

---

License: MIT