Add support for React.ComponentType in expectError assertion - fixes …

…#42

source/lib/compiler.ts

@@ -16,14 +16,15 @@ const ignoredDiagnostics = new Set<number>([
 ]);
 
 // List of diagnostic codes which should be ignored inside `expectError` statements
-const diagnosticCodesToIgnore = new Set<DiagnosticCode>([
+const expectErrordiagnosticCodesToIgnore = new Set<DiagnosticCode>([
 	DiagnosticCode.ArgumentTypeIsNotAssignableToParameterType,
 	DiagnosticCode.PropertyDoesNotExistOnType,
 	DiagnosticCode.CannotAssignToReadOnlyProperty,
 	DiagnosticCode.TypeIsNotAssignableToOtherType,
 	DiagnosticCode.GenericTypeRequiresTypeArguments,
 	DiagnosticCode.ExpectedArgumentsButGotOther,
-	DiagnosticCode.NoOverloadMatches
+	DiagnosticCode.NoOverloadMatches,
+	DiagnosticCode.PropertyMissingInType1ButRequiredInType2
 ]);
 
 /**
@@ -39,7 +40,7 @@ const ignoreDiagnostic = (diagnostic: TSDiagnostic, expectedErrors: Map<Location
 		return true;
 	}
 
-	if (!diagnosticCodesToIgnore.has(diagnostic.code)) {
+	if (!expectErrordiagnosticCodesToIgnore.has(diagnostic.code)) {
 		return false;
 	}
 

source/lib/interfaces.ts

@@ -27,7 +27,8 @@ export enum DiagnosticCode {
 	ArgumentTypeIsNotAssignableToParameterType = 2345,
 	CannotAssignToReadOnlyProperty = 2540,
 	ExpectedArgumentsButGotOther = 2554,
-	NoOverloadMatches = 2769
+	NoOverloadMatches = 2769,
+	PropertyMissingInType1ButRequiredInType2 = 2741
 }
 
 export interface Diagnostic {

source/test/fixtures/tsx/component-type/index.d.ts

@@ -0,0 +1,8 @@
+import {ComponentType} from 'react';
+
+interface UnicornProps {
+	unicorn: number;
+	rainbow: string;
+}
+
+export const Unicorn: ComponentType<UnicornProps>;

source/test/fixtures/tsx/component-type/index.test-d.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import {expectType, expectError} from '../../../..';
+import {Unicorn} from '.';
+
+expectType<JSX.Element>(<Unicorn unicorn={1} rainbow='🌈' />);
+
+expectError(<Unicorn foo='bar' />);
+expectError(<Unicorn unicorn={1} />);
+expectError(<Unicorn rainbow='bar' />);

source/test/fixtures/tsx/index.d.ts → source/test/fixtures/tsx/component/index.d.ts

@@ -1,6 +1,7 @@
 import {Component} from 'react';
 
 interface UnicornProps {
+	unicorn: number;
 	rainbow: string;
 }
 

source/test/fixtures/tsx/component/index.js

@@ -0,0 +1,12 @@
+'use strict';
+const React = require('react');
+
+export class Unicorn extends React.Component {
+	constructor(props) {
+		super(props);
+	}
+
+	render() {
+		return <h1>{this.props.rainbow}</h1>;
+	}
+}

source/test/fixtures/tsx/component/index.test-d.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import {expectType, expectError} from '../../../..';
+import {Unicorn} from '.';
+
+expectType<JSX.Element>(<Unicorn unicorn={1} rainbow='🌈' />);
+
+expectError(<Unicorn foo='bar' />);
+expectError(<Unicorn unicorn={1} />);
+expectError(<Unicorn rainbow='bar' />);

source/test/fixtures/tsx/component/package.json

@@ -0,0 +1,10 @@
+{
+	"name": "foo",
+	"files": [
+		"index.js",
+		"index.d.ts"
+	],
+	"dependencies": {
+		"react": "*"
+	}
+}

source/test/test.ts

@@ -202,8 +202,14 @@ test('missing import', async t => {
 	]);
 });
 
-test('tsx', async t => {
-	const diagnostics = await tsd({cwd: path.join(__dirname, 'fixtures/tsx')});
+test('tsx component', async t => {
+	const diagnostics = await tsd({cwd: path.join(__dirname, 'fixtures/tsx/component')});
+
+	verify(t, diagnostics, []);
+});
+
+test('tsx component type', async t => {
+	const diagnostics = await tsd({cwd: path.join(__dirname, 'fixtures/tsx/component-type')});
 
 	verify(t, diagnostics, []);
 });