diff --git a/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js b/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js index dd20b9fe0ae6d..075c29cde8bb7 100644 --- a/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js +++ b/src/renderers/dom/shared/__tests__/CSSPropertyOperations-test.js @@ -166,4 +166,17 @@ describe('CSSPropertyOperations', function() { expect(console.error.argsForCall[0][0]).toContain('Try "backgroundColor: blue" instead'); expect(console.error.argsForCall[1][0]).toContain('Try "color: red" instead'); }); + + it('should warn about style containing a NaN value', function() { + spyOn(console, 'error'); + + CSSPropertyOperations.createMarkupForStyles({ + fontSize: NaN, + }); + + expect(console.error.calls.length).toBe(1); + expect(console.error.argsForCall[0][0]).toEqual( + 'Warning: `NaN` is an invalid value for the `fontSize` css style property' + ); + }); }); diff --git a/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js b/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js index 7ecb569a78234..1f5192e7a26a6 100644 --- a/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js +++ b/src/renderers/dom/shared/__tests__/ReactDOMComponent-test.js @@ -196,7 +196,7 @@ describe('ReactDOMComponent', function() { ReactDOM.render(, div); ReactDOM.render(, div); - expect(console.error.argsForCall.length).toBe(1); + expect(console.error.argsForCall.length).toBe(2); expect(console.error.argsForCall[0][0]).toEqual( 'Warning: `NaN` is an invalid value for the `fontSize` css style property' );