mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
CommitSyncScriptandPaul O’Shannessy
55176116a2
This changes `ReactDOMTextarea` to accept `defaultValue` and `value`. It will warn people about using children (but allow it and treat it as `defaultValue`, which is the current behavior).
94 lines
2.6 KiB
JavaScript
94 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright 2013 Facebook, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
* @jsx React.DOM
|
|
* @emails react-core
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
/*jshint evil:true */
|
|
|
|
describe('ReactDOMTextarea', function() {
|
|
var React;
|
|
var ReactTestUtils;
|
|
|
|
var renderTextarea;
|
|
|
|
beforeEach(function() {
|
|
React = require('React');
|
|
ReactTestUtils = require('ReactTestUtils');
|
|
|
|
renderTextarea = function(component) {
|
|
var stub = ReactTestUtils.renderIntoDocument(component);
|
|
var node = stub.getDOMNode();
|
|
// Polyfilling the browser's quirky behavior.
|
|
node.value = node.innerHTML;
|
|
return node;
|
|
};
|
|
});
|
|
|
|
it('should allow setting `defaultValue`', function() {
|
|
var stub = <textarea defaultValue="giraffe" />;
|
|
var node = renderTextarea(stub);
|
|
|
|
expect(node.value).toBe('giraffe');
|
|
|
|
// Changing `defaultValue` should do nothing.
|
|
stub.replaceProps({defaultValue: 'gorilla'});
|
|
expect(node.value).toEqual('giraffe');
|
|
});
|
|
|
|
it('should allow setting `value`', function() {
|
|
var stub = <textarea value="giraffe" />;
|
|
var node = renderTextarea(stub);
|
|
|
|
expect(node.value).toBe('giraffe');
|
|
|
|
stub.replaceProps({value: 'gorilla'});
|
|
expect(node.value).toEqual('gorilla');
|
|
});
|
|
|
|
it('should treat children like `defaultValue`', function() {
|
|
var stub = <textarea>giraffe</textarea>;
|
|
var node = renderTextarea(stub);
|
|
|
|
expect(node.value).toBe('giraffe');
|
|
|
|
// Changing children should do nothing, it functions like `defaultValue`.
|
|
stub.replaceProps({children: 'gorilla'});
|
|
expect(node.value).toEqual('giraffe');
|
|
});
|
|
|
|
it('should allow numbers as children', function() {
|
|
var node = renderTextarea(<textarea>{17}</textarea>);
|
|
expect(node.value).toBe('17');
|
|
});
|
|
|
|
it("should throw with multiple or invalid children", function() {
|
|
expect(function() {
|
|
ReactTestUtils.renderIntoDocument(
|
|
<textarea>{'hello'}{'there'}</textarea>
|
|
);
|
|
}).toThrow();
|
|
|
|
expect(function() {
|
|
ReactTestUtils.renderIntoDocument(
|
|
<textarea><strong /></textarea>
|
|
);
|
|
}).toThrow();
|
|
});
|
|
});
|