Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow skipping prop-types validation when not declared #846

Merged
merged 4 commits into from
Oct 1, 2016
Merged

Allow skipping prop-types validation when not declared #846

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cc5211e
Allow skipping prop-types validation when not declared
pfhayes Sep 16, 2016
01c54d6
Add more tests
pfhayes Sep 17, 2016
4290802
Add one more propTypes test
pfhayes Sep 19, 2016
175ffdf
Style fix
pfhayes Sep 19, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 52 additions & 0 deletions tests/lib/rules/prop-types.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1315,6 +1315,26 @@ ruleTester.run('prop-types', rule, {
].join('\n'),
options: [{skipUndeclared: true}],
parserOptions: parserOptions
}, {
code: [
'var Hello = React.createClass({',
' render: function() {',
' return <div>{this.props.name}</div>;',
' }',
'});'
].join('\n'),
options: [{skipUndeclared: true}],
parserOptions: parserOptions
}, {
code: [
'class Hello extends React.Component {',
' render() {',
' return <div>{this.props.name}</div>;',
' }',
'}'
].join('\n'),
options: [{skipUndeclared: true}],
parserOptions: parserOptions
}, {
code: [
'var Hello = React.createClass({',
Expand Down Expand Up @@ -2364,6 +2384,38 @@ ruleTester.run('prop-types', rule, {
line: 4,
column: 29
}]
}, {
code: [
'var Hello = function(props) {',
' return <div>{props.firstname}</div>;',
'};',
'Hello.propTypes = {}'
].join('\n'),
options: [{skipUndeclared: true}],
parserOptions: parserOptions,
errors: [{
message: '\'firstname\' is missing in props validation',
line: 2,
column: 22
}]
}, {
code: [
'class Hello extends React.Component {',
' static get propTypes() {',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

actually this would be static propTypes = () => { - i don't think propTypes is expected to be anything but a data property.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I copied how the other static propTypes were declared in this file. upon closer inspection, this file is inconsistent in how it declares static proptypes. I see three different types:

static get propTypes() {
static propTypes = {
static propTypes: {

do you think I should introduce a fourth type? i'm also happy to consolidate them but I think that is outside the scope of this PR

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I'm not sure why we have the getter version, and the "fourth" type is in fact the most standard. The third type there isn't actually valid because of the static keyword, but I think you mean its use in React.createClass, which is fine.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's not worry about consolidating them in this PR, but please do add a Hello.propTypes = { … } variant.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sure thing - I've added that as an additional case

' return {};',
' }',
' render() {',
' return <div>{this.props.firstname}</div>;',
' }',
'}'
].join('\n'),
options: [{skipUndeclared: true}],
parserOptions: parserOptions,
errors: [{
message: '\'firstname\' is missing in props validation',
line: 6,
column: 29
}]
}, {
code: [
'var Hello = React.createClass({',
Expand Down