From 178b1c2fdb8cab6d64709c1843f4613623cd9a59 Mon Sep 17 00:00:00 2001 From: Dovydas Navickas Date: Wed, 28 Jun 2017 12:48:47 +0300 Subject: [PATCH] jsonx tests updated. --- types/jsnox/index.d.ts | 3 +- types/jsnox/jsnox-tests.ts | 75 +++++++++++++++++++------------------- types/jsnox/tslint.json | 1 + 3 files changed, 40 insertions(+), 39 deletions(-) create mode 100644 types/jsnox/tslint.json diff --git a/types/jsnox/index.d.ts b/types/jsnox/index.d.ts index ad5fe5ed2e..e8c3e65b51 100644 --- a/types/jsnox/index.d.ts +++ b/types/jsnox/index.d.ts @@ -1,8 +1,9 @@ // Type definitions for JSnoX // Project: https://github.com/af/jsnox // Definitions by: Steve Baker +// Dovydas Navickas // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped -// TypeScript Version: 2.3 +// TypeScript Version: 2.4 /// diff --git a/types/jsnox/jsnox-tests.ts b/types/jsnox/jsnox-tests.ts index 26014b362f..08821ca8c3 100644 --- a/types/jsnox/jsnox-tests.ts +++ b/types/jsnox/jsnox-tests.ts @@ -1,57 +1,56 @@ - -import * as React from 'react'; -import * as jsnox from 'jsnox'; -var $ = jsnox(React); +import * as React from "react"; +import * as jsnox from "jsnox"; +let $ = jsnox(React); interface PersonProps { - firstName: string - lastName: string - age: number + firstName: string; + lastName: string; + age: number; } -var Person = React.createClass({ - render():React.ReactElement { return null; } +let Person: React.ClassicComponentClass = React.createClass({ + render(): React.ReactElement { return null; } }); -var PersonTag = React.createFactory(Person); +let PersonTag = React.createFactory(Person); -var clickHandler: React.MouseEventHandler<{}>; +let clickHandler: React.MouseEventHandler<{}>; -// Tests with spec string -function spec_string () { - var result: React.ReactHTMLElement +// tests with spec string +function spec_string(): void { + let result: React.DOMElement, Element>; // just spec string - result = $('div') + result = $("div"); - // No properties, just children - result = $('div', 'hello') // one string child - result = $('div', $('span', 'world')) // one element child - result = $('div', ['hello', $('span', 'world')]) // mixed array of children + // no properties, just children + result = $("div", "hello"); // one string child + result = $("div", $("span", "world")); // one element child + result = $("div", ["hello", $("span", "world")]); // mixed array of children - // With html properties - result = $('div', { onClick: clickHandler }) // no children - result = $('div', { onClick: clickHandler }, 'hello') // one string child - result = $('div', { onClick: clickHandler }, $('span', 'world')) // one element child - result = $('div', { onClick: clickHandler }, ['hello', $('span', 'world')]) // mixed array of children + // with html properties + result = $("div", { onClick: clickHandler }); // no children + result = $("div", { onClick: clickHandler }, "hello"); // one string child + result = $("div", { onClick: clickHandler }, $("span", "world")); // one element child + result = $("div", { onClick: clickHandler }, ["hello", $("span", "world")]); // mixed array of children } -// Tests with react component -function react_component() { - var result: React.ReactElement<{}> +// tests with react component +function react_component(): void { + let result: React.ReactElement<{}>; // with nothing more - result = $(Person) + result = $(Person); - // No properties, just children - result = $(Person, 'hello') // one string child - result = $(Person, $('span', 'world')) // one element child - result = $(Person, ['hello', $('span', 'world')]) // mixed array of children + // no properties, just children + result = $(Person, "hello"); // one string child + result = $(Person, $("span", "world")); // one element child + result = $(Person, ["hello", $("span", "world")]); // mixed array of children - // With component props - var props = { firstName: 'Bob', lastName: 'Garfield', age: 72 } - result = $(Person, props) // no children - result = $(Person, props, 'hello') // one string child - result = $(Person, props, $('span', 'world')) // one element child - result = $(Person, props, ['hello', PersonTag()]) // mixed array of children + // with component props + let props: PersonProps = { firstName: "Bob", lastName: "Garfield", age: 72 }; + result = $(Person, props); // no children + result = $(Person, props, "hello"); // one string child + result = $(Person, props, $("span", "world")); // one element child + result = $(Person, props, ["hello", PersonTag()]); // mixed array of children } diff --git a/types/jsnox/tslint.json b/types/jsnox/tslint.json new file mode 100644 index 0000000000..3db14f85ea --- /dev/null +++ b/types/jsnox/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" }