Method constructor

test/browser/focus.test.jsx:26–72

(props)

	class DynamicList extends Component {
		constructor(props) {
			super(props);
			this.state = {
				before: props.initialBefore || [],
				after: props.initialAfter || []
			};

			setState = newState => this.setState(newState);

			prepend = () => {
				const before = this.state.before;
				const newValue = before[0] ? before[0] - 1 : 1;
				this.setState({
					before: [newValue, ...before]
				});
			};

			append = () => {
				const after = this.state.after;
				const lastValue = after[after.length - 1];
				const newValue = lastValue ? lastValue + 1 : 2;
				this.setState({
					after: [...after, newValue]
				});
			};

			shift = () => {
				this.setState({
					before: this.state.before.slice(1)
				});
			};

			pop = () => {
				this.setState({
					after: this.state.after.slice(0, -1)
				});
			};

			getDynamicListHtml = () => {
				const liHtml = this.props.as == Input ? inputStr : span;
				return div([
					...this.state.before.map(liHtml),
					'<input id="input-0" type="text">',
					...this.state.after.map(liHtml)
				]);
			};
		}

		render(props, state) {
			const ListComponent = props.as || ListItem;