Perf Tests<\/title>\n-\n-<script>\n-window.onerror = function(error){\n- window._unhandledError = error;\n- window.isDone = true;\n-}\n-<\/script>\n-\n-<script src=\".\/lib\/perf-test-runner.browser.js\"><\/script>\n-<script> perfRunner.Polyfill(); <\/script>\n-<script src=\"..\/build\/react.js\"><\/script>\n-<script src=\"..\/build\/JSXTransformer.js\"><\/script>\n-<script src=\"..\/test\/lib\/postDataToURL.browser.js\"><\/script>\n-<script src=\".\/lib\/BrowserPerfRunnerContext.react.js\"><\/script>\n-<script src=\".\/lib\/BrowserPerfRunnerApp.react.js\"><\/script>\n-\n-<script>\n-\n-var tests = [\n- \"sanity.js\",\n- \"todolist-mount.js\",\n- \"todolist-edit.js\",\n- \"todolist-add.js\",\n- \"todolist-do-stuff.js\",\n- \"setState-callback-5.js\",\n- \"setState-callback.js\",\n- \"basic-div.js\",\n- \"basic-unmount.js\",\n- \"propTypes.js\",\n- \"renderComponent-basic.js\",\n- \"shouldComponentUpdate.js\",\n-];\n-\n-var reactVersions = [\n- 'edge',\n- 'builds\/master\/latest'\n-];\n-\n-window.onload = function(){\n- window.isDone = false;\n-\n- React.render(\n- BrowserPerfRunnerApp({\n- headless: perfRunner.getQueryParamArrayOrDefault('headless', [false])[0],\n- react: perfRunner.getQueryParamArrayOrDefault('react', reactVersions),\n- tests: perfRunner.getQueryParamArrayOrDefault('test', tests),\n- maxTime: perfRunner.getQueryParamArrayOrDefault('maxTime', [5])[0],\n- onCompleteEach: function(results){\n- console.log('onCompleteEach', results);\n- postDataToURL({type:'perf', message:results}, '\/reportTestResults');\n- },\n- onError: function(error){\n- window._unhandledError = error;\n- },\n- onComplete: function(results){\n- window.completedTestKeys = Object.keys(results);\n- window.isDone = true;\n- }\n- }),\n- document.body\n- );\n-}\n-\n-<\/script>\ndiff --git a\/perf\/lib\/BrowserPerfRunnerApp.react.js b\/perf\/lib\/BrowserPerfRunnerApp.react.js\ndeleted file mode 100644\nindex 5579fe749c..0000000000\n--- a\/perf\/lib\/BrowserPerfRunnerApp.react.js\n+++ \/dev\/null\n@@ -1,219 +0,0 @@\n-var BrowserPerfRunnerApp = React.createClass({\n-\n- propTypes: {\n- tests: React.PropTypes.array.isRequired,\n- react: React.PropTypes.array.isRequired,\n- maxTime: React.PropTypes.number,\n- onCompleteEach: React.PropTypes.func,\n- onComplete: React.PropTypes.func,\n- onError: React.PropTypes.func,\n- headless: React.PropTypes.bool\n- },\n-\n- getInitialState: function() {\n- var queue = [];\n- this.props.tests.forEach(function(testName) {\n- this.props.react.forEach(function(version) {\n- queue.push({\n- test: testName,\n- react: version\n- });\n- }, this);\n- }, this);\n- return {\n- queue: queue,\n- results: {}\n- };\n- },\n-\n- handleResults: function(results) {\n- this.state.results[results.test + '@' + results.react] = results;\n- this.replaceState(this.state);\n- },\n-\n- handleComplete: function(queueItem) {\n- queueItem.completed = true;\n-\n- if (!this.props.onCompleteEach) {\n- return;\n- }\n- \/\/ Can't get the resultsForAllVersions if there are still some queued\n- var incompleteCount = 0;\n- for (var index = this.state.queue.length; --index >= 0;) {\n- if (this.state.queue[index].completed) {\n- continue;\n- }\n- if (this.state.queue[index].test === queueItem.test) {\n- return;\n- }\n- incompleteCount++;\n- }\n- var resultsForAllVersions = Object.keys(this.state.results)\n- .filter(function(key) {\n- return key.indexOf(queueItem.test) === 0;\n- })\n- .map(function(key) {\n- return this.state.results[key];\n- }, this);\n- this.props.onCompleteEach(resultsForAllVersions);\n-\n- if (this.props.onComplete && incompleteCount === 0) {\n- this.props.onComplete(this.state.results);\n- }\n- },\n-\n- render: function() {\n- var grid = null;\n-\n- if (!this.props.headless) {\n- grid = GridViewTable({\n- rows: this.props.tests,\n- cols: this.props.react,\n- renderCell: BrowserPerfRunnerApp.renderBenchmarkCell,\n- value: this.state.results\n- });\n- }\n-\n- return React.DOM.div(null,\n- BenchmarkQueue({\n- initialQueue: this.state.queue,\n- onChange: this.handleResults,\n- maxTime: this.props.maxTime,\n- onCompleteEach: this.handleComplete,\n- onError: this.props.onError\n- }),\n- grid\n- );\n- }\n-});\n-\n-BrowserPerfRunnerApp.renderBenchmarkCell = function(props, row, col) {\n- if (col == null && row == null) {\n- return React.DOM.th(null);\n- }\n- if (row == null) {\n- return React.DOM.th({style:{verticalAlign:'top', textAlign:'center'}}, col);\n- }\n-\n- var benchmarks = Object.keys(props.value)\n- .filter(function(key) {\n- return key.indexOf(row) === 0;\n- })\n- .map(function(key) {\n- return props.value[key];\n- })\n- .filter(function(benchmark) {\n- return benchmark && !benchmark.isRunning && benchmark.stats;\n- });\n-\n- if (col == null) {\n- return React.DOM.th({style:{verticalAlign:'top', textAlign:'right'}},\n- React.DOM.a({href:'?test=' + row}, benchmarks[0] && benchmarks[0].name || row)\n- );\n- }\n-\n- var key = row + '@' + col;\n- var benchmark = props.value[key];\n- if (!(benchmark && benchmark.stats)) {\n- return React.DOM.td({key:key});\n- }\n-\n-\n- var colors = [\n- '000000',\n- 'AA0000',\n- '00AA00',\n- 'AA5500',\n- '0000AA',\n- 'AA00AA',\n- '00AAAA',\n- 'AAAAAA',\n-\n- '555555',\n- 'FF5555',\n- '55FF55',\n- 'FFFF55',\n- '5555FF',\n- 'FF55FF',\n- '55FFFF',\n- 'FFFFFF'\n- ];\n-\n- function chartValue(value) {\n- return Math.round(valueFromRangeToRange(value, chartValue.min, chartValue.max, 0, 100));\n- }\n- chartValue.min = Math.min.apply(Math, benchmarks.map(function(benchmark) {\n- return Math.min.apply(Math, benchmark.stats.sample);\n- }));\n- chartValue.max = Math.max.apply(Math, benchmarks.map(function(benchmark) {\n- return Math.max.apply(Math, benchmark.stats.sample);\n- }));\n-\n- var means = benchmarks.map(function(benchmark) {\n- return benchmark.stats.mean;\n- });\n- benchmarks.forEach(function(benchmark) {\n- benchmark.isTheWinner = benchmark.stats.mean <= Math.min.apply(Math, means);\n- });\n-\n- var chartValues = benchmarks.map(function(benchmark) {\n- \/\/ benchmark.stats.sample.sort(function(a,b) {return b - a;});\n- return benchmark.stats.sample.map(chartValue).join(',');\n- }).join('|');\n-\n- return (\n- React.DOM.td({key:key, style:{textAlign:'center', width:234, verticalAlign:'top'}},\n- benchmark.error && benchmark.error.message || '',\n- React.DOM.div({style: benchmark.isTheWinner ? {backgroundColor:'#0A5', color:'#AFA'} : {backgroundColor:'transparent', color:'inherit'}},\n- Math.round(1 \/ benchmark.stats.mean * 100) \/ 100, ' op\/s ',\n- React.DOM.strong(null, Math.round(benchmark.stats.mean * 1000 * 100) \/ 100, ' ms\/op '),\n- React.DOM.small(null, '(±' + (Math.round(benchmark.stats.rme * 10) \/ 10) + '%)')\n- ),\n- benchmark.isRunning && 'Running' || React.DOM.img({\n- style: {\n- borderWidth: 2,\n- borderStyle: 'solid',\n- color: '#' + colors[benchmarks.indexOf(benchmark)]\n- },\n- width: 230,\n- height: 50,\n- src: 'https:\/\/chart.googleapis.com\/chart?cht=ls&chs=460x100&chd=t:' + chartValues + '&chco=' + colors.join(',')\n- })\n- )\n- );\n-};\n-\n-function valueFromRangeToRange(value, fromMin, fromMax, toMin, toMax) {\n- var fromRange = fromMax - fromMin;\n- var toRange = toMax - toMin;\n- return (((value - fromMin) * toRange) \/ fromRange) + toMin;\n-}\n-\n-var GridViewTable = React.createClass({\n-\n- propTypes: {\n- rows: React.PropTypes.array.isRequired,\n- cols: React.PropTypes.array.isRequired,\n- renderCell: React.PropTypes.func.isRequired\n- },\n-\n- _renderCell: function(col) {\n- return this.props.renderCell({value:this.props.value}, this._row, col);\n- },\n-\n- _renderRow: function(row) {\n- this._row = row;\n- return React.DOM.tr({key:row},\n- this._renderCell(null, 0),\n- this.props.cols.map(this._renderCell, this)\n- );\n- },\n-\n- render: function() {\n- return React.DOM.table(null,\n- this._renderRow(null, 0),\n- this.props.rows.map(this._renderRow, this)\n- );\n- }\n-\n-});\ndiff --git a\/perf\/lib\/BrowserPerfRunnerContext.react.js b\/perf\/lib\/BrowserPerfRunnerContext.react.js\ndeleted file mode 100644\nindex 042dfc8e2d..0000000000\n--- a\/perf\/lib\/BrowserPerfRunnerContext.react.js\n+++ \/dev\/null\n@@ -1,201 +0,0 @@\n-var BenchmarkQueue = React.createClass({\n- propTypes: {\n- debug: React.PropTypes.bool,\n- onChange: React.PropTypes.func.isRequired,\n- initialQueue: React.PropTypes.array.isRequired,\n- maxTime: React.PropTypes.number,\n- onCompleteEach: React.PropTypes.func,\n- onError: React.PropTypes.func\n- },\n-\n- getDefaultProps: function() {\n- return {\n- maxTime: 5\n- };\n- },\n-\n- getInitialState: function() {\n- return {\n- queue: this.props.initialQueue.slice()\n- };\n- },\n-\n- setItemState: function(state) {\n- state.test = this.state.queue[0].test;\n- state.react = this.state.queue[0].react;\n- this.props.onChange(state);\n- },\n-\n- handleContextReady: function(window) {\n- var benchmark = window.Benchmark(window.exports);\n- benchmark.options.maxTime = this.props.maxTime; \/\/DEBUG\n-\n- var itemState = {\n- testRunnerURL: window.location.href,\n-\n- name: window.exports.name,\n- platform: window.Benchmark.platform.description,\n- reactVersion: window.React.version,\n-\n- isMinified: (function() {\n- var code = window.React.render.toString();\n- return code.indexOf(',') - code.indexOf('(') <= 2;\n- }())\n- };\n-\n- this.setItemState(itemState);\n-\n- var self = this;\n- benchmark.on('start error cycle complete', function() {\n- var stats = JSON.parse(JSON.stringify(benchmark.stats));\n- itemState.stats = stats;\n- itemState.isRunning = benchmark.running;\n- itemState.error = benchmark.error;\n- self.setItemState(itemState);\n- });\n- if (this.props.onError) {\n- benchmark.on('error', this.props.onError);\n- }\n- benchmark.on('complete', function() {\n- var queue = self.state.queue.slice();\n- var queueItem = queue.shift();\n- if (self.props.onCompleteEach) {\n- self.props.onCompleteEach(queueItem);\n- }\n- self.setState({queue:queue});\n- });\n- benchmark.run({async:true});\n- },\n-\n- shouldComponentUpdate: function(nextProps, nextState) {\n- return nextState.queue.length < this.state.queue.length;\n- },\n-\n- render: function() {\n- if (!(this.state.queue && this.state.queue.length > 0)) {\n- return React.DOM.div({style:{display:'none'}});\n- }\n- return BrowserPerfRunnerContext({\n- debug: this.props.debug,\n- test: this.state.queue[0].test,\n- react: this.state.queue[0].react,\n- onReady: this.handleContextReady\n- });\n- }\n-});\n-\n-var BrowserPerfRunnerContext = React.createClass({\n-\n- propTypes: {\n- debug: React.PropTypes.bool,\n- test: function(object, key) {\n- React.PropTypes.string.isRequired(object, key);\n- if (\/\\.jsx?$\/i.test(object[key])) {\n- return;\n- }\n- throw Error('Expected `' + key + '` to be a test file name with extension `.js` or `.jsx`');\n- },\n- react: function(object, key) {\n- React.PropTypes.string.isRequired(object, key);\n- if (\/^(?:builds\\\/.+|edge|previous|(?:\\d+\\.){2}\\d+)$\/.test(object[key])) {\n- return;\n- }\n- throw Error('Expected `' + key + '` prop to be a valid react version string, build string or \\'edge\\' or \\'previous\\'');\n- },\n- onReady: React.PropTypes.func.isRequired\n- },\n-\n- getInitialState: function() {\n- return {\n- testRunnerURL:'about:blank'\n- };\n- },\n-\n- \/\/ _handleFrameError: function(error) {\n- \/\/ console.error('BrowserPerfRunnerContext', error);\n- \/\/ },\n- \/\/\n- \/\/ _handleFrameLoad: function(event) {\n- \/\/ console.log('BrowserPerfRunnerContext', event);\n- \/\/ },\n- \/\/\n- _handleMessage: function(event) {\n- if (location.href.indexOf(event.origin) !== 0) {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message from ' + event.origin);\n- }\n- if (event.source.location.href.indexOf(this.state.testRunnerURL) === -1) {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message from ' + event.source.location.href);\n- }\n- if (event.data !== 'Ready!') {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message ' + JSON.stringify(event.data));\n- }\n- this.props.onReady(event.source);\n- },\n-\n- _getTestRunnerURL: function(props) {\n- return 'runner.html' +\n- '?' +\n- 'debug=' + (props.debug ? 1 : 0) +\n- '&' +\n- 'react=' + encodeURIComponent(props.react) +\n- '&' +\n- 'test=' + encodeURIComponent(props.test);\n- },\n-\n- _renderState: function(props) {\n- return {\n- testRunnerURL: this._getTestRunnerURL(props)\n- };\n- },\n-\n- componentDidMount: function() {\n- var node = this.refs.iframe.getDOMNode();\n- \/\/ node.onload = this._handleFrameLoad;\n- \/\/ node.onerror = this._handleFrameError;\n- if (window.addEventListener) {\n- window.addEventListener('message', this._handleMessage, false);\n- } else if (window.attachEvent) {\n- window.attachEvent('onmessage', this._handleMessage);\n- } else {\n- throw Error('cannot attach onmessage listener');\n- }\n- this.setState(this._renderState(this.props));\n- },\n-\n- componentWillUnmount: function() {\n- if (window.removeEventListener) {\n- window.removeEventListener('message', this._handleMessage);\n- } else if (window.detachEvent) {\n- window.detachEvent('onmessage', this._handleMessage);\n- } else {\n- throw Error('cannot detach onmessage listener');\n- }\n- this.refs.iframe.getDOMNode().src = '';\n- },\n-\n- componentWillReceiveProps: function(nextProps) {\n- this.setState(this._renderState(nextProps));\n- },\n-\n- shouldComponentUpdate: function(nextProps, nextState) {\n- return nextState.testRunnerURL !== this.state.testRunnerURL;\n- },\n-\n- render: function() {\n- return (\n- React.DOM.iframe({\n- ref: 'iframe',\n- name: 'BrowserPerfRunnerContextFrame',\n- style: this.style,\n- src: this.state.testRunnerURL\n- })\n- );\n- },\n-\n- style: {\n- position: 'absolute',\n- right: '100%',\n- bottom: '100%'\n- }\n-\n-});\ndiff --git a\/perf\/lib\/perf-test-runner.browser.js b\/perf\/lib\/perf-test-runner.browser.js\ndeleted file mode 100644\nindex d2af7345fd..0000000000\n--- a\/perf\/lib\/perf-test-runner.browser.js\n+++ \/dev\/null\n@@ -1,224 +0,0 @@\n-if (typeof console === 'undefined') {\n- console = {\n- log: function() {},\n- warn: function() {},\n- error: function() {},\n- debug: function() {}\n- };\n-}\n-\n-var perfRunner;\n-if (typeof exports === 'object') {\n- perfRunner = exports;\n-} else {\n- perfRunner = {};\n-}\n-\n-perfRunner.assert = function(test, message) {\n- if (typeof test === 'function') {\n- test = test();\n- }\n- if (test) {\n- return;\n- }\n- throw Error(message);\n-};\n-\n-perfRunner.WriteScript = function(props) {\n- var type = '';\n- if (props.jsx) {\n- type = ' type=\\'text\/jsx\\'';\n- }\n- var src = props.src;\n- if (!props.cache) {\n- src += src.indexOf('?') === -1 ? '?_' : '&_';\n- src += perfRunner.WriteScript.cacheBust;\n- }\n- document.write('<script' + type + ' src=\\'' + src + '\\'><\\\/script>');\n-};\n-perfRunner.WriteScript.cacheBust = (+new Date()).toString(36);\n-\n-perfRunner.WriteReactLibScript = function(params) {\n- var src;\n- var minSuffix;\n- if (params.debug) {\n- minSuffix = '';\n- } else {\n- minSuffix = '.min';\n- }\n-\n- if (params.version && typeof params.version !== 'string') {\n- throw TypeError('Expected \\'version\\' to be a string');\n- }\n-\n- if (params.version === 'edge' || !params.version) {\n- console.log('React edge (local)');\n- perfRunner.WriteScript({src:'..\/build\/react' + minSuffix + '.js'});\n- perfRunner.WriteScript({src:'..\/build\/JSXTransformer.js'});\n- } else if (params.version === 'previous') {\n- console.log('React previous (local)');\n- perfRunner.WriteScript({cache:true, src:'..\/build\/react-previous' + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'..\/build\/JSXTransformer-previous.js'});\n- } else if (params.version.indexOf('builds\/') === 0) {\n- perfRunner.WriteScript({cache:true, src:'http:\/\/react.zpao.com\/' + params.version + '\/react' + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'http:\/\/react.zpao.com\/' + params.version + '\/JSXTransformer.js'});\n- } else {\n- console.log('React ' + params.version);\n- perfRunner.WriteScript({cache:true, src:'http:\/\/fb.me\/react-' + params.version + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'http:\/\/fb.me\/JSXTransformer-' + params.version + '.js'});\n- }\n- if (params.debug) {\n- console.warn('Loading the unminified build of React, performance may suffer.');\n- console.warn('Load \\'' + location.href.replace(\/\\bdebug=\\w+&?|&\\bdebug=\\w+\/ig, '') + '\\' for better perf.');\n- } else {\n- console.warn('Loading the minified build of React, debugging may be harder.');\n- console.warn('Load \\'' + location.href.replace(\/\\bdebug=\\w+&?|&\\bdebug=\\w+\/ig, '') + '&debug=1' + '\\' for easier debugging.');\n- }\n-};\n-\n-perfRunner.WriteTestScript = function(params) {\n- if (Array.isArray(params.test)) {\n- return params.test\n- .map(function(test) {\n- return {\n- test:test\n- };\n- })\n- .map(perfRunner.WriteTestScript);\n- }\n- perfRunner.assert(params.test.indexOf('..') === -1, 'no relative paths allowed');\n- return perfRunner.WriteScript({jsx:true, src: '.\/tests\/' + params.test});\n-};\n-\n-perfRunner.getQueryParamArray = function(key) {\n- var values;\n- var queryString = location.search.substr(1);\n- var _key = encodeURIComponent(key) + '=';\n-\n- if (queryString.indexOf(_key) > -1) {\n- values = queryString\n- .split(_key)\n- .slice(1)\n- .map(function(part) {\n- return part.split('&')[0];\n- })\n- .map(decodeURIComponent)\n- .map(function(string) {\n- try {\n- return JSON.parse(string);\n- } catch(e) {}\n- return string;\n- });\n- }\n-\n- perfRunner.assert(values && values.length && values[0], 'expected ' + key + ' query param');\n- return values;\n-};\n-\n-perfRunner.getQueryParamArrayOrDefault = function(key, defaultValue) {\n- try {\n- return perfRunner.getQueryParamArray(key);\n- } catch (e) {}\n- return defaultValue;\n-};\n-\n-perfRunner.Polyfill = function() {\n- if (typeof Function.prototype.bind !== 'undefined') {\n- return;\n- }\n- perfRunner.WriteScript({src:'\/node_modules\/es5-shim\/es5-shim.js', cache:true});\n- perfRunner.WriteScript({src:'\/node_modules\/es5-shim\/es5-sham.js', cache:true});\n-};\n-\n-perfRunner.BenchmarkResults = function(props) {\n- return perfRunner.roundNumberWithPrecision(props.stats.mean * 1000) + 'ms\/op';\n-};\n-\n-perfRunner.roundNumberWithPrecision = function(number, precision) {\n- if (!precision) {\n- precision = 1000;\n- }\n- return Math.round(number * precision) \/ precision;\n-};\n-\n-perfRunner.quickBench = function(benchmarkOptions, onComplete, onBeforeStart) {\n- var bench = new Benchmark(benchmarkOptions);\n- if (onBeforeStart) {\n- onBeforeStart(null, bench);\n- }\n-\n- bench.on('error', function(event) {\n- console.error(event.message);\n- console.log(event.target.compiled.toString());\n- onComplete(Error(event.error));\n- });\n-\n- bench.on('start', function() {\n- console.log('starting', bench.name);\n- });\n-\n- bench.on('cycle', function() {\n- var benchmark = this,\n- size = benchmark.stats.size;\n-\n- if (!benchmark.aborted) {\n- console.warn(benchmark.name + ' × ' + benchmark.count +\n- ' (' + benchmark.stats.sample.length + ' samples)' +\n- ' (' + Math.round(1 \/ benchmark.stats.mean) + ' ops\/sec' + ')' +\n- ' (' + (benchmark.stats.mean * 1000) + ' ms\/op' + ')' +\n- ' (±' + benchmark.stats.rme.toFixed(2) + '%)' +\n- ' with ' + React.version\n- );\n- }\n- });\n-\n- bench.on('complete', function() {\n- var results = {\n- platform: Benchmark.platform.description,\n- react: React.version,\n- name: bench.name\n- \/\/ times: bench.times,\n- \/\/ stats: bench.stats\n- };\n-\n- results['s\/op'] = bench.stats.mean;\n- results['ms\/op'] = results['s\/op'] * 1000;\n- results['op\/s'] = 1 \/ results['s\/op'];\n- results['% frame 60'] = results['ms\/op'] \/ (1000 \/ 60) * 100;\n-\n- console.log(results);\n- onComplete(null, results);\n- });\n-\n- bench.run();\n-};\n-\n-perfRunner.singleTest = function(benchmarkOptions, onComplete) {\n- var bench = Benchmark(exports);\n- bench.on('complete', function() {\n- var results = {\n- platform: Benchmark.platform.description,\n- react: React.version,\n- name: bench.name,\n- stats: bench.stats\n- };\n- onComplete(results);\n- });\n- bench.run();\n-};\n-\n-perfRunner.ViewObject = function(props) {\n- var value = props.value;\n- delete props.value;\n-\n- if (typeof value !== 'object') {\n- return React.DOM.span(props, [JSON.stringify(value), ' ', typeof value]);\n- }\n-\n- return React.DOM.table(props, Object.keys(value).map(function(key) {\n- return React.DOM.tr(null,\n- React.DOM.th(null, key),\n- React.DOM.td(null, perfRunner.ViewObject({key:key, value:value[key]}))\n- );\n- }));\n-};\ndiff --git a\/perf\/lib\/todolist.browser.js b\/perf\/lib\/todolist.browser.js\ndeleted file mode 100644\nindex ccb6fb3bc2..0000000000\n--- a\/perf\/lib\/todolist.browser.js\n+++ \/dev\/null\n@@ -1,145 +0,0 @@\n-todolist = {};\n-\n-todolist.ID = Date.now();\n-\n-todolist.now = window.performance && window.performance.now && window.performance.now.bind(window.performance) || Date.now.bind(Date);\n-\n-todolist.App = React.createClass({\n- propTypes: {\n- fakeDataCount: React.PropTypes.number\n- },\n-\n- getInitialState: function() {\n- var todos;\n- if (this.props.fakeDataCount) {\n- todos = Array(this.props.fakeDataCount + 1).join(',').split(',').map(function(ignore, index) {\n- return {\n- id: index,\n- title: 'Title ' + index + ' ' + Math.random().toString(36).substring(2, 16),\n- completed: !!(index % 2)\n- };\n- });\n- }\n- return {\n- timerStart: todolist.now(),\n- timerEnd: null,\n- timerEvent: 'getInitialState',\n- todos: todos || this.props.initialData || []\n- };\n- },\n- componentWillUpdate: function(props, state) {\n- state.todos = state.todos.filter(function(todo) {\n- return !todo.deleted;\n- });\n- },\n- addItem: function(title, callback) {\n- if (title == null || title === '') {\n- var error = Error('invalid title');\n- if (!callback) {\n- throw error;\n- }\n- return callback(error);\n- }\n- var todos = this.state.todos.slice();\n- var todo = {\n- id: ++todolist.ID,\n- title: title,\n- completed: false\n- };\n- todos.push(todo);\n- if (callback) {\n- callback = callback.bind(this, todo);\n- }\n- this.setState({timerEvent:'addItem', timerStart:todolist.now(), timerEnd:null, todos:todos}, callback);\n- return todo;\n- },\n- deleteItemById: function(id, callback) {\n- var todo = this._getById(id);\n- if (!todo) {\n- return callback && callback(Error('todo with id ' + id + ' not found'));\n- }\n- todo.deleted = true;\n- this.setState({timerEvent:'deleteItemById', timerStart:todolist.now(), timerEnd:null, todos:this.state.todos}, callback);\n- },\n- setItemCompleted: function(id, completed, callback) {\n- var todo = this._getById(id);\n- if (!todo) {\n- return callback && callback(Error('todo with id ' + id + ' not found'));\n- }\n- todo.completed = completed;\n- this.setState({timerEvent:'setItemCompleted', timerStart:todolist.now(), timerEnd:null, todos:this.state.todos}, callback);\n- },\n- _getById: function(id) {\n- id = +id;\n- var todos = this.state.todos;\n- for (var index = todos.length; --index >= 0;) {\n- if (todos[index].id === id) {\n- return todos[index];\n- }\n- }\n- return null;\n- },\n- _handleItemCompletedCheckboxChange: function(event) {\n- var node = event.target;\n- this.setItemCompleted(node.value, node.checked);\n- },\n- _handleItemDeletedButton: function(event) {\n- var node = event.target;\n- this.deleteItemById(node.value);\n- },\n- _renderTodoItem: function(todo, index) {\n- return (\n- React.DOM.li({key:todo.id},\n- React.DOM.button({value:todo.id, onClick:this._handleItemDeletedButton}, 'x'),\n- React.DOM.input({type:'checkbox', value:todo.id, checked:todo.completed, onChange:this._handleItemCompletedCheckboxChange}),\n- ' ',\n- React.DOM.span({style:{'text-decoration':todo.completed ? 'line-through' : ''}}, todo.title)\n- )\n- );\n- },\n- render: function() {\n- if (!this.state.timerEnd) {\n- this.state.timerEnd = todolist.now();\n- }\n- if (this.props.onRender) {\n- this.props.onRender();\n- }\n- return (\n- React.DOM.div(null,\n- React.DOM.h1(null, 'TODO'),\n- React.DOM.h3(null, this.state.timerEvent, ' ', this.state.timerEnd - this.state.timerStart, 'ms'),\n- todolist.NewItemForm({onEnter:this.addItem, autoFocus:true}),\n- React.DOM.ol(null, this.state.todos.map(this._renderTodoItem))\n- )\n- );\n- },\n- componentDidMount: function(rootNode) {\n- if (this.props.onDidMount) {\n- this.props.onDidMount(rootNode);\n- }\n- }\n-});\n-\n-todolist.NewItemForm = React.createClass({\n- _handleNewItemKeyDown: function(event) {\n- if (event.which !== 13\/*enter key*\/) {\n- return;\n- }\n- var node = this.refs.text.getDOMNode();\n- var value = node.value;\n- node.value = '';\n- this.props.onEnter(value);\n- return false;\n- },\n- render: function() {\n- var props = {};\n- for (var key in this.props) {\n- if (key !== 'onEnter') {\n- props[key] = this.props[key];\n- }\n- }\n- props.ref = 'text';\n- props.onKeyDown = this.props.onEnter && this._handleNewItemKeyDown;\n- return React.DOM.input(props);\n- }\n-});\ndiff --git a\/perf\/lib\/todolist.html b\/perf\/lib\/todolist.html\ndeleted file mode 100644\nindex c2c63ae590..0000000000\n--- a\/perf\/lib\/todolist.html\n+++ \/dev\/null\n@@ -1,16 +0,0 @@\n-<!doctype html>\n-<meta charset=utf-8>\n-<title>todolist<\/title>\n-\n-<script src=\"perf-test-runner.browser.js\"><\/script>\n-<script> perfRunner.Polyfill(); <\/script>\n-<script src=\"..\/..\/build\/react.min.js\"><\/script>\n-<script src=\"todolist.browser.js\"><\/script>\n-\n-<script>\n-function main(){\n- var app = todolist.App({ fakeDataCount:333 });\n- React.render(app, document.body);\n-}\n-window.onload = main;\n-<\/script>\ndiff --git a\/perf\/runner.html b\/perf\/runner.html\ndeleted file mode 100644\nindex 976841ff37..0000000000\n--- a\/perf\/runner.html\n+++ \/dev\/null\n@@ -1,59 +0,0 @@\n-<!doctype html>\n-<meta charset=utf-8>\n-<title>Perf Test Runner<\/title>\n-\n-<script src=\"..\/node_modules\/platform\/platform.js\"><\/script>\n-<script src=\"..\/node_modules\/benchmark\/benchmark.js\"><\/script>\n-<script src=\"lib\/perf-test-runner.browser.js\"><\/script>\n-\n-<script> perfRunner.Polyfill(); <\/script>\n-\n-<script>\n-\n-perfRunner.WriteReactLibScript({\n- version: perfRunner.getQueryParamArrayOrDefault('react', [null])[0],\n- debug: perfRunner.getQueryParamArrayOrDefault('debug', [false])[0]\n-});\n-\n-perfRunner.WriteScript({src:\"lib\/todolist.browser.js\"});\n-\n-perfRunner.WriteTestScript({ test:perfRunner.getQueryParamArray('test') });\n-\n-<\/script>\n-\n-<script>\n-\n-function checkIfReady(){\n- if (!window.exports) return setTimeout(checkIfReady, 50);\n-\n- console.timeStamp && console.timeStamp(perfRunner.getQueryParamArray('test'));\n- if (typeof gc == 'function') gc();\n- window.parent.postMessage(perfRunner.getQueryParamArrayOrDefault('callback', ['Ready!'])[0], '*');\n-}\n-checkIfReady();\n-\n-function main(callback){\n- perfRunner.singleTest(exports, function(results){\n- document.getElementById('results').textContent = JSON.stringify(results, null, 2);\n- callback();\n- });\n-}\n-\n-function runOnce(callback){\n- setTimeout(function(){\n- exports.fn({resolve: function(){\n- setTimeout(callback, 0);\n- }});\n- },0);\n-}\n-\n-<\/script>\n-<button autofocus onclick=\"if (disabled) return false; main(function(){ disabled=false; textContent='Run again!'; }); textContent='Running!'; disabled=true\">Run!<\/button>\n-<div>\n- <button onclick=\"exports.setup();\">Setup!<\/button>\n- <button onclick=\"if (disabled) return false; runOnce(function(){ disabled=false; textContent='Run again!'; }); textContent='Running!'; disabled=true\">Run once!<\/button>\n- <button onclick=\"exports.teardown();\">Teardown!<\/button>\n-<\/div>\n-\n-<pre id=results style=\"font-size:9px\"><\/pre>\n-\ndiff --git a\/perf\/tests\/basic-div.js b\/perf\/tests\/basic-div.js\ndeleted file mode 100644\nindex 1fe81d722b..0000000000\n--- a\/perf\/tests\/basic-div.js\n+++ \/dev\/null\n@@ -1,11 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'React.DOM.div, no props';\n-\n-exports.fn = function() {\n- React.DOM.div(null, 'lol, perf testing ', this.count);\n-};\ndiff --git a\/perf\/tests\/basic-unmount.js b\/perf\/tests\/basic-unmount.js\ndeleted file mode 100644\nindex a0b36d3877..0000000000\n--- a\/perf\/tests\/basic-unmount.js\n+++ \/dev\/null\n@@ -1,21 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'unmountComponentAtNode';\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var _firstChild = React.DOM.div(null, 'lol, perf testing ', this.count);\n- React.render(_firstChild, _rootNode);\n-};\n-exports.fn = function() {\n- if (React.unmountAndReleaseReactRootNode) {\n- React.unmountAndReleaseReactRootNode(_rootNode);\n- } else {\n- React.unmountComponentAtNode(_rootNode);\n- }\n-};\ndiff --git a\/perf\/tests\/propTypes.js b\/perf\/tests\/propTypes.js\ndeleted file mode 100644\nindex 991abe6062..0000000000\n--- a\/perf\/tests\/propTypes.js\n+++ \/dev\/null\n@@ -1,91 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'propTypes';\n-\n-var Thing = function() {};\n-var List;\n-var ListItem;\n-var MyReactComponent;\n-var _rootNode;\n-\n-function func() {\n- return 'this is a function';\n-}\n-\n-exports.setup = function() {\n- List = React.createClass({\n- propTypes: {\n- array: React.PropTypes.array,\n- bool: React.PropTypes.bool.isRequired,\n- number: React.PropTypes.number,\n- string: React.PropTypes.string.isRequired,\n- func: React.PropTypes.func.isRequired,\n- node: React.PropTypes.node.isRequired,\n- instanceOf: React.PropTypes.instanceOf(Thing).isRequired\n- },\n- render: function() {\n- return React.DOM.ul(null, this.props.children);\n- }\n- });\n-\n- ListItem = React.createClass({\n- propTypes: {\n- array: React.PropTypes.array,\n- bool: React.PropTypes.bool.isRequired,\n- number: React.PropTypes.number,\n- string: React.PropTypes.string.isRequired,\n- func: React.PropTypes.func.isRequired,\n- node: React.PropTypes.node.isRequired,\n- node2: React.PropTypes.node.isRequired,\n- instanceOf: React.PropTypes.instanceOf(Thing).isRequired,\n- element: React.PropTypes.element.isRequired\n- },\n- render: function() {\n- return React.DOM.li(null,\n- this.props.number + this.props.string + this.props.node\n- );\n- }\n- });\n-\n- MyReactComponent = React.createClass({\n- render: function() {\n- return React.DOM.span();\n- }\n- });\n-\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- var items = [];\n- for (var i = 0; i < 1000; i++) {\n- items.push(ListItem({\n- array: [11, 12, 13, 14, 15, 16, 17, 18, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n- bool: false,\n- number: Math.random(),\n- string: 'banana banana banana',\n- func: func,\n- node: 'renderable string',\n- node2: [MyReactComponent(), 'a string'],\n- instanceOf: new Thing(),\n- element: MyReactComponent()\n- }));\n- }\n-\n- React.render(List({\n- array: [11, 12, 13, 14, 15, 16, 17, 18, 19, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n- bool: false,\n- number: Math.random(),\n- string: 'banana banana banana',\n- func: func,\n- renderable: 'renderable string',\n- instanceOf: new Thing()\n- }, items), _rootNode);\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/renderComponent-basic.js b\/perf\/tests\/renderComponent-basic.js\ndeleted file mode 100644\nindex 16349f10c0..0000000000\n--- a\/perf\/tests\/renderComponent-basic.js\n+++ \/dev\/null\n@@ -1,22 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'React.render single div';\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- React.render(React.DOM.div(null, 'lol, perf testing ', this.count), _rootNode);\n-};\n-exports.teardown = function() {\n- if (React.unmountAndReleaseReactRootNode) {\n- React.unmountAndReleaseReactRootNode(_rootNode);\n- } else {\n- React.unmountComponentAtNode(_rootNode);\n- }\n-};\ndiff --git a\/perf\/tests\/sanity.js b\/perf\/tests\/sanity.js\ndeleted file mode 100644\nindex a92364c62f..0000000000\n--- a\/perf\/tests\/sanity.js\n+++ \/dev\/null\n@@ -1,17 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'Trivial benchmark to verify that everything works';\n-\n-exports.setup = function() {\n- var foo;\n-};\n-exports.fn = function() {\n- foo = Array(999).join('Howdy!\\n');\n-};\n-exports.teardown = function() {\n- foo = null;\n-};\ndiff --git a\/perf\/tests\/setState-callback-5.js b\/perf\/tests\/setState-callback-5.js\ndeleted file mode 100644\nindex a231642123..0000000000\n--- a\/perf\/tests\/setState-callback-5.js\n+++ \/dev\/null\n@@ -1,45 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'From setState to callback (x5)';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- setState = null;\n-\n- var AwesomeComponent = React.createClass({\n- getInitialState: function() {\n- return {random:null};\n- },\n- render: function() {\n- if (!setState) {\n- setState = this.setState.bind(this);\n- }\n- return React.DOM.div(null, this.state.random);\n- }\n- });\n-\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.fn = function(deferred) {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- deferred.resolve();\n- });\n- });\n- });\n- });\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/setState-callback.js b\/perf\/tests\/setState-callback.js\ndeleted file mode 100644\nindex 2597fe3178..0000000000\n--- a\/perf\/tests\/setState-callback.js\n+++ \/dev\/null\n@@ -1,37 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'From setState to callback';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- setState = null;\n-\n- var AwesomeComponent = React.createClass({\n- getInitialState: function() {\n- return {random:null};\n- },\n- render: function() {\n- if (!setState) {\n- setState = this.setState.bind(this);\n- }\n- return React.DOM.div(null, this.state.random);\n- }\n- });\n-\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.fn = function(deferred) {\n- setState({random: Date.now() + Math.random()}, function() {\n- deferred.resolve();\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/shouldComponentUpdate.js b\/perf\/tests\/shouldComponentUpdate.js\ndeleted file mode 100644\nindex 4c738f6eb8..0000000000\n--- a\/perf\/tests\/shouldComponentUpdate.js\n+++ \/dev\/null\n@@ -1,27 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'shouldComponentUpdate';\n-\n-exports.setup = function() {\n- var AwesomeComponent = React.createClass({\n- shouldComponentUpdate: function() {\n- return false;\n- },\n- render: function() {\n- return React.DOM.div({});\n- }\n- });\n-\n- var _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/todolist-add.js b\/perf\/tests\/todolist-add.js\ndeleted file mode 100644\nindex 28de8a2072..0000000000\n--- a\/perf\/tests\/todolist-add.js\n+++ \/dev\/null\n@@ -1,31 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'todolist from addItem to callback';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n-};\n-exports.fn = function(deferred) {\n- var liCount = document.getElementsByTagName('li').length;\n- _app.addItem(Math.random(), function() {\n- if (document.getElementsByTagName('li').length <= liCount) {\n- throw Error('expected a list item to be added to the dom');\n- }\n- deferred.resolve();\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-do-stuff.js b\/perf\/tests\/todolist-do-stuff.js\ndeleted file mode 100644\nindex b1c6483d21..0000000000\n--- a\/perf\/tests\/todolist-do-stuff.js\n+++ \/dev\/null\n@@ -1,58 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-_timesToRun = 2;\n-\n-exports.name = 'todolist add, complete, remove (x' + _timesToRun + ')';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n-};\n-\n-exports.fn = function(deferred) {\n- var originalLiCount = document.getElementsByTagName('li').length;\n-\n- var todos = [];\n- var times = _timesToRun;\n- while (times-- >= 0) {\n- todos.push(_app.addItem(times + 1));\n- }\n-\n- todos.forEach(function(todo) {\n- _app.setItemCompleted(todo.id);\n- });\n-\n- todos.forEach(function(todo) {\n- _app.deleteItemById(todo.id);\n- });\n-\n- todos = null;\n-\n- _app.addItem(Math.random(), function(todo) {\n- if (document.getElementsByTagName('li').length <= originalLiCount) {\n- throw Error('expected a list item to be added to the dom');\n- }\n-\n- _app.deleteItemById(todo.id, function() {\n- if (document.getElementsByTagName('li').length !== originalLiCount) {\n- throw Error('expected everything to be done by now');\n- }\n- deferred.resolve();\n- });\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-edit.js b\/perf\/tests\/todolist-edit.js\ndeleted file mode 100644\nindex 7fe7f34b6e..0000000000\n--- a\/perf\/tests\/todolist-edit.js\n+++ \/dev\/null\n@@ -1,34 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'todolist setItemCompleted';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n- _todo1 = _app.addItem('Howdy 1!');\n- _todo2 = _app.addItem('Howdy 2!');\n- _todo3 = _app.addItem('Howdy 3!');\n-};\n-\n-exports.fn = function(deferred) {\n- _app.setItemCompleted(_todo1.id, !_todo1.completed);\n- _app.setItemCompleted(_todo2.id, !_todo2.completed);\n- _app.setItemCompleted(_todo3.id, !_todo3.completed, function() {\n- deferred.resolve();\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-mount.js b\/perf\/tests\/todolist-mount.js\ndeleted file mode 100644\nindex 0347143b63..0000000000\n--- a\/perf\/tests\/todolist-mount.js\n+++ \/dev\/null\n@@ -1,30 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name =\n- 'todolist from renderComponent to renderComponent callback (333 rows)';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- if (typeof _rootNode !== 'undefined') {\n- throw Error('should teardown before running setup again');\n- }\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-\n-exports.fn = function(deferred) {\n- React.render(todolist.App({fakeDataCount: 333}), _rootNode, function() {\n- deferred.resolve();\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = undefined;\n-};\n","body":"Remove perf folder","parents":["a321247ee5c6a51f4cf9feec4c8989a769bcd78a","72919425503008be4adae014057fbf42b17cf3d8"]}</article></body></html>

{"files":[{"status":"M","path":".travis.yml"},{"status":"M","path":"Gruntfile.js"},{"status":"D","path":"grunt\/config\/webdriver-perf.js"},{"status":"D","path":"grunt\/tasks\/webdriver-perf.js"},{"status":"D","path":"perf\/.eslintrc"},{"status":"D","path":"perf\/index.html"},{"status":"D","path":"perf\/lib\/BrowserPerfRunnerApp.react.js"},{"status":"D","path":"perf\/lib\/BrowserPerfRunnerContext.react.js"},{"status":"D","path":"perf\/lib\/perf-test-runner.browser.js"},{"status":"D","path":"perf\/lib\/todolist.browser.js"},{"status":"D","path":"perf\/lib\/todolist.html"},{"status":"D","path":"perf\/runner.html"},{"status":"D","path":"perf\/tests\/basic-div.js"},{"status":"D","path":"perf\/tests\/basic-unmount.js"},{"status":"D","path":"perf\/tests\/propTypes.js"},{"status":"D","path":"perf\/tests\/renderComponent-basic.js"},{"status":"D","path":"perf\/tests\/sanity.js"},{"status":"D","path":"perf\/tests\/setState-callback-5.js"},{"status":"D","path":"perf\/tests\/setState-callback.js"},{"status":"D","path":"perf\/tests\/shouldComponentUpdate.js"},{"status":"D","path":"perf\/tests\/todolist-add.js"},{"status":"D","path":"perf\/tests\/todolist-do-stuff.js"},{"status":"D","path":"perf\/tests\/todolist-edit.js"},{"status":"D","path":"perf\/tests\/todolist-mount.js"}],"commit":{"authorName":"Christoph Pojer","revision":"d86790f4b64c5dc7ebc8f37065450adb91ab2f14","authorEmail":"christoph.pojer@gmail.com","authoredAt":"2015-03-18T12:28:55-07:00","shortRevision":"d86790f4b6","subject":"Merge pull request #3441 from cpojer\/rm-perf"},"patch":"diff --git a\/.travis.yml b\/.travis.yml\nindex 5a9ee9963a..79c803fab7 100644\n--- a\/.travis.yml\n+++ b\/.travis.yml\n@@ -49,7 +49,6 @@ matrix:\n fast_finish: true\n allow_failures:\n - env: TEST_TYPE=test:coverage\n- - env: TEST_TYPE=perf:full\n - env: TEST_TYPE=test:webdriver:saucelabs:modern\n - env: TEST_TYPE=test:webdriver:saucelabs BROWSER_NAME=ie11\n - env: TEST_TYPE=test:webdriver:saucelabs BROWSER_NAME=ie10\ndiff --git a\/Gruntfile.js b\/Gruntfile.js\nindex 1a95ef0c1d..d3ad43e8cc 100644\n--- a\/Gruntfile.js\n+++ b\/Gruntfile.js\n@@ -24,7 +24,6 @@ module.exports = function(grunt) {\n populist: require('.\/grunt\/config\/populist')(grunt),\n connect: require('.\/grunt\/config\/server')(grunt),\n 'webdriver-jasmine': require('.\/grunt\/config\/webdriver-jasmine'),\n- 'webdriver-perf': require('.\/grunt\/config\/webdriver-perf'),\n npm: require('.\/grunt\/config\/npm'),\n clean: [\n '.\/build',\n@@ -79,8 +78,6 @@ module.exports = function(grunt) {\n \n grunt.registerMultiTask('webdriver-jasmine', webdriverJasmineTasks);\n \n- grunt.registerMultiTask('webdriver-perf', require('.\/grunt\/tasks\/webdriver-perf'));\n-\n grunt.registerMultiTask('npm', npmTask);\n \n grunt.registerTask('npm-react:release', npmReactTasks.buildRelease);\n@@ -119,14 +116,6 @@ module.exports = function(grunt) {\n 'version-check',\n 'browserify:withCodeCoverageLogging'\n ]);\n- grunt.registerTask('build:perf', [\n- 'jsx:normal',\n- 'version-check',\n- 'browserify:transformer',\n- 'browserify:basic',\n- 'browserify:min',\n- 'download-previous-version'\n- ]);\n grunt.registerTask('build:test', [\n 'delete-build-modules',\n 'jsx:test',\n@@ -153,12 +142,6 @@ module.exports = function(grunt) {\n 'webdriver-jasmine:local'\n ]);\n \n- grunt.registerTask('perf:webdriver:phantomjs', [\n- 'connect',\n- 'webdriver-phantomjs',\n- 'webdriver-perf:local'\n- ]);\n-\n grunt.registerTask('test:full', [\n 'build:test',\n 'build:basic',\n@@ -173,20 +156,6 @@ module.exports = function(grunt) {\n 'webdriver-jasmine:saucelabs_chrome'\n ]);\n \n- grunt.registerTask('perf:full', [\n- 'build:perf',\n-\n- 'connect',\n- 'webdriver-phantomjs',\n- 'webdriver-perf:local',\n-\n- 'sauce-tunnel',\n- 'webdriver-perf:saucelabs_firefox',\n- 'webdriver-perf:saucelabs_chrome',\n- 'webdriver-perf:saucelabs_ie11',\n- 'webdriver-perf:saucelabs_ie8'\n- ]);\n-\n grunt.registerTask('test:webdriver:saucelabs', [\n 'build:test',\n 'build:basic',\n@@ -251,7 +220,6 @@ module.exports = function(grunt) {\n grunt.task.run('build:test', 'build:basic', 'test:webdriver:phantomjs');\n }\n });\n- grunt.registerTask('perf', ['build:perf', 'perf:webdriver:phantomjs']);\n grunt.registerTask('npm:test', ['build', 'npm:pack']);\n \n \/\/ Optimized build task that does all of our builds. The subtasks will be run\ndiff --git a\/grunt\/config\/webdriver-perf.js b\/grunt\/config\/webdriver-perf.js\ndeleted file mode 100644\nindex 476155bdcf..0000000000\n--- a\/grunt\/config\/webdriver-perf.js\n+++ \/dev\/null\n@@ -1,55 +0,0 @@\n-'use strict';\n-\n-var grunt = require('grunt');\n-var path = require('path');\n-\n-var tests = grunt.file.expand(path.join(__dirname, '\/..\/..\/perf\/tests\/*'));\n-\n-var maxTime = 5;\n-\n-var reactVersions = [\n- 'edge',\n- 'previous'\n-];\n-\n-var params = []\n- .concat('headless=false')\n- .concat('maxTime=' + maxTime)\n- .concat(tests\n- .map(function(testPath) {\n- return testPath.split(\/tests.\/i).reverse()[0];\n- })\n- .map(encodeURIComponent)\n- .map(function(filename) {\n- return 'test=' + filename;\n- })\n- )\n- .concat(reactVersions\n- .map(encodeURIComponent)\n- .map(function(version) {\n- return 'react=' + version;\n- }\n- )\n-);\n-\n-module.exports = require('.\/webdriver-all')({\n-\n- url: 'http:\/\/127.0.0.1:9999\/perf\/index.html?' + params.join('&'),\n-\n- isDoneTimeout: 15 * 60 * 1000,\n-\n- onStart: function() {\n- grunt.event.on('perf results', function(results) {\n- console.log(results);\n- });\n- },\n-\n- onComplete: function(completedTestKeys) {\n- grunt.verbose.writeln('onComplete ' + JSON.stringify(completedTestKeys));\n- },\n-\n- onError: function(error) {\n- grunt.fatal(error);\n- }\n-\n-});\ndiff --git a\/grunt\/tasks\/webdriver-perf.js b\/grunt\/tasks\/webdriver-perf.js\ndeleted file mode 100644\nindex 240a13b54d..0000000000\n--- a\/grunt\/tasks\/webdriver-perf.js\n+++ \/dev\/null\n@@ -1,20 +0,0 @@\n-'use strict';\n-\n-var grunt = require('grunt');\n-\n-module.exports = function() {\n- return require('.\/webdriver-all').call(this, function(config, wd, browser) {\n- if (!config.isDoneTimeout) {\n- grunt.verbose.writeln('Expected isDoneTimeout config, using default value');\n- }\n- grunt.verbose.writeln('isDoneTimeout:' + config.isDoneTimeout);\n- return browser\n- .waitFor(wd.asserters.jsCondition('window.isDone === false'), 5e3, 50)\n- .fail(function(error) {\n- throw Error('The test page didn\\'t load properly. ' + error);\n- })\n- .waitFor(wd.asserters.jsCondition('window.isDone === true'), config.isDoneTimeout || 30e3, 1e3)\n- .waitFor(wd.asserters.jsCondition('window.postDataToURL.running <= 0'), 30e3, 500)\n- .eval('window.completedTestKeys || window._unhandledError');\n- });\n-};\ndiff --git a\/perf\/.eslintrc b\/perf\/.eslintrc\ndeleted file mode 100644\nindex ba63cd1d14..0000000000\n--- a\/perf\/.eslintrc\n+++ \/dev\/null\n@@ -1,21 +0,0 @@\n-globals:\n- document: true\n- window: true\n- Benchmark: true\n- React: true\n- _rootNode: true\n- todolist: true\n- _app: true\n- _todo1: true\n- _todo2: true\n- _todo3: true\n- _timesToRun: true\n- setState: true\n-\n-rules:\n- strict: false\n- no-undef: false\n- no-unused-vars: false\n- block-scoped-var: false\n- consistent-return: false\n- no-shadow: false\ndiff --git a\/perf\/index.html b\/perf\/index.html\ndeleted file mode 100644\nindex 1808c3f15d..0000000000\n--- a\/perf\/index.html\n+++ \/dev\/null\n@@ -1,67 +0,0 @@\n-\n-\n-Perf Tests<\/title>\n-\n-<script>\n-window.onerror = function(error){\n- window._unhandledError = error;\n- window.isDone = true;\n-}\n-<\/script>\n-\n-<script src=\".\/lib\/perf-test-runner.browser.js\"><\/script>\n-<script> perfRunner.Polyfill(); <\/script>\n-<script src=\"..\/build\/react.js\"><\/script>\n-<script src=\"..\/build\/JSXTransformer.js\"><\/script>\n-<script src=\"..\/test\/lib\/postDataToURL.browser.js\"><\/script>\n-<script src=\".\/lib\/BrowserPerfRunnerContext.react.js\"><\/script>\n-<script src=\".\/lib\/BrowserPerfRunnerApp.react.js\"><\/script>\n-\n-<script>\n-\n-var tests = [\n- \"sanity.js\",\n- \"todolist-mount.js\",\n- \"todolist-edit.js\",\n- \"todolist-add.js\",\n- \"todolist-do-stuff.js\",\n- \"setState-callback-5.js\",\n- \"setState-callback.js\",\n- \"basic-div.js\",\n- \"basic-unmount.js\",\n- \"propTypes.js\",\n- \"renderComponent-basic.js\",\n- \"shouldComponentUpdate.js\",\n-];\n-\n-var reactVersions = [\n- 'edge',\n- 'builds\/master\/latest'\n-];\n-\n-window.onload = function(){\n- window.isDone = false;\n-\n- React.render(\n- BrowserPerfRunnerApp({\n- headless: perfRunner.getQueryParamArrayOrDefault('headless', [false])[0],\n- react: perfRunner.getQueryParamArrayOrDefault('react', reactVersions),\n- tests: perfRunner.getQueryParamArrayOrDefault('test', tests),\n- maxTime: perfRunner.getQueryParamArrayOrDefault('maxTime', [5])[0],\n- onCompleteEach: function(results){\n- console.log('onCompleteEach', results);\n- postDataToURL({type:'perf', message:results}, '\/reportTestResults');\n- },\n- onError: function(error){\n- window._unhandledError = error;\n- },\n- onComplete: function(results){\n- window.completedTestKeys = Object.keys(results);\n- window.isDone = true;\n- }\n- }),\n- document.body\n- );\n-}\n-\n-<\/script>\ndiff --git a\/perf\/lib\/BrowserPerfRunnerApp.react.js b\/perf\/lib\/BrowserPerfRunnerApp.react.js\ndeleted file mode 100644\nindex 5579fe749c..0000000000\n--- a\/perf\/lib\/BrowserPerfRunnerApp.react.js\n+++ \/dev\/null\n@@ -1,219 +0,0 @@\n-var BrowserPerfRunnerApp = React.createClass({\n-\n- propTypes: {\n- tests: React.PropTypes.array.isRequired,\n- react: React.PropTypes.array.isRequired,\n- maxTime: React.PropTypes.number,\n- onCompleteEach: React.PropTypes.func,\n- onComplete: React.PropTypes.func,\n- onError: React.PropTypes.func,\n- headless: React.PropTypes.bool\n- },\n-\n- getInitialState: function() {\n- var queue = [];\n- this.props.tests.forEach(function(testName) {\n- this.props.react.forEach(function(version) {\n- queue.push({\n- test: testName,\n- react: version\n- });\n- }, this);\n- }, this);\n- return {\n- queue: queue,\n- results: {}\n- };\n- },\n-\n- handleResults: function(results) {\n- this.state.results[results.test + '@' + results.react] = results;\n- this.replaceState(this.state);\n- },\n-\n- handleComplete: function(queueItem) {\n- queueItem.completed = true;\n-\n- if (!this.props.onCompleteEach) {\n- return;\n- }\n- \/\/ Can't get the resultsForAllVersions if there are still some queued\n- var incompleteCount = 0;\n- for (var index = this.state.queue.length; --index >= 0;) {\n- if (this.state.queue[index].completed) {\n- continue;\n- }\n- if (this.state.queue[index].test === queueItem.test) {\n- return;\n- }\n- incompleteCount++;\n- }\n- var resultsForAllVersions = Object.keys(this.state.results)\n- .filter(function(key) {\n- return key.indexOf(queueItem.test) === 0;\n- })\n- .map(function(key) {\n- return this.state.results[key];\n- }, this);\n- this.props.onCompleteEach(resultsForAllVersions);\n-\n- if (this.props.onComplete && incompleteCount === 0) {\n- this.props.onComplete(this.state.results);\n- }\n- },\n-\n- render: function() {\n- var grid = null;\n-\n- if (!this.props.headless) {\n- grid = GridViewTable({\n- rows: this.props.tests,\n- cols: this.props.react,\n- renderCell: BrowserPerfRunnerApp.renderBenchmarkCell,\n- value: this.state.results\n- });\n- }\n-\n- return React.DOM.div(null,\n- BenchmarkQueue({\n- initialQueue: this.state.queue,\n- onChange: this.handleResults,\n- maxTime: this.props.maxTime,\n- onCompleteEach: this.handleComplete,\n- onError: this.props.onError\n- }),\n- grid\n- );\n- }\n-});\n-\n-BrowserPerfRunnerApp.renderBenchmarkCell = function(props, row, col) {\n- if (col == null && row == null) {\n- return React.DOM.th(null);\n- }\n- if (row == null) {\n- return React.DOM.th({style:{verticalAlign:'top', textAlign:'center'}}, col);\n- }\n-\n- var benchmarks = Object.keys(props.value)\n- .filter(function(key) {\n- return key.indexOf(row) === 0;\n- })\n- .map(function(key) {\n- return props.value[key];\n- })\n- .filter(function(benchmark) {\n- return benchmark && !benchmark.isRunning && benchmark.stats;\n- });\n-\n- if (col == null) {\n- return React.DOM.th({style:{verticalAlign:'top', textAlign:'right'}},\n- React.DOM.a({href:'?test=' + row}, benchmarks[0] && benchmarks[0].name || row)\n- );\n- }\n-\n- var key = row + '@' + col;\n- var benchmark = props.value[key];\n- if (!(benchmark && benchmark.stats)) {\n- return React.DOM.td({key:key});\n- }\n-\n-\n- var colors = [\n- '000000',\n- 'AA0000',\n- '00AA00',\n- 'AA5500',\n- '0000AA',\n- 'AA00AA',\n- '00AAAA',\n- 'AAAAAA',\n-\n- '555555',\n- 'FF5555',\n- '55FF55',\n- 'FFFF55',\n- '5555FF',\n- 'FF55FF',\n- '55FFFF',\n- 'FFFFFF'\n- ];\n-\n- function chartValue(value) {\n- return Math.round(valueFromRangeToRange(value, chartValue.min, chartValue.max, 0, 100));\n- }\n- chartValue.min = Math.min.apply(Math, benchmarks.map(function(benchmark) {\n- return Math.min.apply(Math, benchmark.stats.sample);\n- }));\n- chartValue.max = Math.max.apply(Math, benchmarks.map(function(benchmark) {\n- return Math.max.apply(Math, benchmark.stats.sample);\n- }));\n-\n- var means = benchmarks.map(function(benchmark) {\n- return benchmark.stats.mean;\n- });\n- benchmarks.forEach(function(benchmark) {\n- benchmark.isTheWinner = benchmark.stats.mean <= Math.min.apply(Math, means);\n- });\n-\n- var chartValues = benchmarks.map(function(benchmark) {\n- \/\/ benchmark.stats.sample.sort(function(a,b) {return b - a;});\n- return benchmark.stats.sample.map(chartValue).join(',');\n- }).join('|');\n-\n- return (\n- React.DOM.td({key:key, style:{textAlign:'center', width:234, verticalAlign:'top'}},\n- benchmark.error && benchmark.error.message || '',\n- React.DOM.div({style: benchmark.isTheWinner ? {backgroundColor:'#0A5', color:'#AFA'} : {backgroundColor:'transparent', color:'inherit'}},\n- Math.round(1 \/ benchmark.stats.mean * 100) \/ 100, ' op\/s ',\n- React.DOM.strong(null, Math.round(benchmark.stats.mean * 1000 * 100) \/ 100, ' ms\/op '),\n- React.DOM.small(null, '(±' + (Math.round(benchmark.stats.rme * 10) \/ 10) + '%)')\n- ),\n- benchmark.isRunning && 'Running' || React.DOM.img({\n- style: {\n- borderWidth: 2,\n- borderStyle: 'solid',\n- color: '#' + colors[benchmarks.indexOf(benchmark)]\n- },\n- width: 230,\n- height: 50,\n- src: 'https:\/\/chart.googleapis.com\/chart?cht=ls&chs=460x100&chd=t:' + chartValues + '&chco=' + colors.join(',')\n- })\n- )\n- );\n-};\n-\n-function valueFromRangeToRange(value, fromMin, fromMax, toMin, toMax) {\n- var fromRange = fromMax - fromMin;\n- var toRange = toMax - toMin;\n- return (((value - fromMin) * toRange) \/ fromRange) + toMin;\n-}\n-\n-var GridViewTable = React.createClass({\n-\n- propTypes: {\n- rows: React.PropTypes.array.isRequired,\n- cols: React.PropTypes.array.isRequired,\n- renderCell: React.PropTypes.func.isRequired\n- },\n-\n- _renderCell: function(col) {\n- return this.props.renderCell({value:this.props.value}, this._row, col);\n- },\n-\n- _renderRow: function(row) {\n- this._row = row;\n- return React.DOM.tr({key:row},\n- this._renderCell(null, 0),\n- this.props.cols.map(this._renderCell, this)\n- );\n- },\n-\n- render: function() {\n- return React.DOM.table(null,\n- this._renderRow(null, 0),\n- this.props.rows.map(this._renderRow, this)\n- );\n- }\n-\n-});\ndiff --git a\/perf\/lib\/BrowserPerfRunnerContext.react.js b\/perf\/lib\/BrowserPerfRunnerContext.react.js\ndeleted file mode 100644\nindex 042dfc8e2d..0000000000\n--- a\/perf\/lib\/BrowserPerfRunnerContext.react.js\n+++ \/dev\/null\n@@ -1,201 +0,0 @@\n-var BenchmarkQueue = React.createClass({\n- propTypes: {\n- debug: React.PropTypes.bool,\n- onChange: React.PropTypes.func.isRequired,\n- initialQueue: React.PropTypes.array.isRequired,\n- maxTime: React.PropTypes.number,\n- onCompleteEach: React.PropTypes.func,\n- onError: React.PropTypes.func\n- },\n-\n- getDefaultProps: function() {\n- return {\n- maxTime: 5\n- };\n- },\n-\n- getInitialState: function() {\n- return {\n- queue: this.props.initialQueue.slice()\n- };\n- },\n-\n- setItemState: function(state) {\n- state.test = this.state.queue[0].test;\n- state.react = this.state.queue[0].react;\n- this.props.onChange(state);\n- },\n-\n- handleContextReady: function(window) {\n- var benchmark = window.Benchmark(window.exports);\n- benchmark.options.maxTime = this.props.maxTime; \/\/DEBUG\n-\n- var itemState = {\n- testRunnerURL: window.location.href,\n-\n- name: window.exports.name,\n- platform: window.Benchmark.platform.description,\n- reactVersion: window.React.version,\n-\n- isMinified: (function() {\n- var code = window.React.render.toString();\n- return code.indexOf(',') - code.indexOf('(') <= 2;\n- }())\n- };\n-\n- this.setItemState(itemState);\n-\n- var self = this;\n- benchmark.on('start error cycle complete', function() {\n- var stats = JSON.parse(JSON.stringify(benchmark.stats));\n- itemState.stats = stats;\n- itemState.isRunning = benchmark.running;\n- itemState.error = benchmark.error;\n- self.setItemState(itemState);\n- });\n- if (this.props.onError) {\n- benchmark.on('error', this.props.onError);\n- }\n- benchmark.on('complete', function() {\n- var queue = self.state.queue.slice();\n- var queueItem = queue.shift();\n- if (self.props.onCompleteEach) {\n- self.props.onCompleteEach(queueItem);\n- }\n- self.setState({queue:queue});\n- });\n- benchmark.run({async:true});\n- },\n-\n- shouldComponentUpdate: function(nextProps, nextState) {\n- return nextState.queue.length < this.state.queue.length;\n- },\n-\n- render: function() {\n- if (!(this.state.queue && this.state.queue.length > 0)) {\n- return React.DOM.div({style:{display:'none'}});\n- }\n- return BrowserPerfRunnerContext({\n- debug: this.props.debug,\n- test: this.state.queue[0].test,\n- react: this.state.queue[0].react,\n- onReady: this.handleContextReady\n- });\n- }\n-});\n-\n-var BrowserPerfRunnerContext = React.createClass({\n-\n- propTypes: {\n- debug: React.PropTypes.bool,\n- test: function(object, key) {\n- React.PropTypes.string.isRequired(object, key);\n- if (\/\\.jsx?$\/i.test(object[key])) {\n- return;\n- }\n- throw Error('Expected `' + key + '` to be a test file name with extension `.js` or `.jsx`');\n- },\n- react: function(object, key) {\n- React.PropTypes.string.isRequired(object, key);\n- if (\/^(?:builds\\\/.+|edge|previous|(?:\\d+\\.){2}\\d+)$\/.test(object[key])) {\n- return;\n- }\n- throw Error('Expected `' + key + '` prop to be a valid react version string, build string or \\'edge\\' or \\'previous\\'');\n- },\n- onReady: React.PropTypes.func.isRequired\n- },\n-\n- getInitialState: function() {\n- return {\n- testRunnerURL:'about:blank'\n- };\n- },\n-\n- \/\/ _handleFrameError: function(error) {\n- \/\/ console.error('BrowserPerfRunnerContext', error);\n- \/\/ },\n- \/\/\n- \/\/ _handleFrameLoad: function(event) {\n- \/\/ console.log('BrowserPerfRunnerContext', event);\n- \/\/ },\n- \/\/\n- _handleMessage: function(event) {\n- if (location.href.indexOf(event.origin) !== 0) {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message from ' + event.origin);\n- }\n- if (event.source.location.href.indexOf(this.state.testRunnerURL) === -1) {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message from ' + event.source.location.href);\n- }\n- if (event.data !== 'Ready!') {\n- return console.debug('BrowserPerfRunnerContext#_handleMessage ignored message ' + JSON.stringify(event.data));\n- }\n- this.props.onReady(event.source);\n- },\n-\n- _getTestRunnerURL: function(props) {\n- return 'runner.html' +\n- '?' +\n- 'debug=' + (props.debug ? 1 : 0) +\n- '&' +\n- 'react=' + encodeURIComponent(props.react) +\n- '&' +\n- 'test=' + encodeURIComponent(props.test);\n- },\n-\n- _renderState: function(props) {\n- return {\n- testRunnerURL: this._getTestRunnerURL(props)\n- };\n- },\n-\n- componentDidMount: function() {\n- var node = this.refs.iframe.getDOMNode();\n- \/\/ node.onload = this._handleFrameLoad;\n- \/\/ node.onerror = this._handleFrameError;\n- if (window.addEventListener) {\n- window.addEventListener('message', this._handleMessage, false);\n- } else if (window.attachEvent) {\n- window.attachEvent('onmessage', this._handleMessage);\n- } else {\n- throw Error('cannot attach onmessage listener');\n- }\n- this.setState(this._renderState(this.props));\n- },\n-\n- componentWillUnmount: function() {\n- if (window.removeEventListener) {\n- window.removeEventListener('message', this._handleMessage);\n- } else if (window.detachEvent) {\n- window.detachEvent('onmessage', this._handleMessage);\n- } else {\n- throw Error('cannot detach onmessage listener');\n- }\n- this.refs.iframe.getDOMNode().src = '';\n- },\n-\n- componentWillReceiveProps: function(nextProps) {\n- this.setState(this._renderState(nextProps));\n- },\n-\n- shouldComponentUpdate: function(nextProps, nextState) {\n- return nextState.testRunnerURL !== this.state.testRunnerURL;\n- },\n-\n- render: function() {\n- return (\n- React.DOM.iframe({\n- ref: 'iframe',\n- name: 'BrowserPerfRunnerContextFrame',\n- style: this.style,\n- src: this.state.testRunnerURL\n- })\n- );\n- },\n-\n- style: {\n- position: 'absolute',\n- right: '100%',\n- bottom: '100%'\n- }\n-\n-});\ndiff --git a\/perf\/lib\/perf-test-runner.browser.js b\/perf\/lib\/perf-test-runner.browser.js\ndeleted file mode 100644\nindex d2af7345fd..0000000000\n--- a\/perf\/lib\/perf-test-runner.browser.js\n+++ \/dev\/null\n@@ -1,224 +0,0 @@\n-if (typeof console === 'undefined') {\n- console = {\n- log: function() {},\n- warn: function() {},\n- error: function() {},\n- debug: function() {}\n- };\n-}\n-\n-var perfRunner;\n-if (typeof exports === 'object') {\n- perfRunner = exports;\n-} else {\n- perfRunner = {};\n-}\n-\n-perfRunner.assert = function(test, message) {\n- if (typeof test === 'function') {\n- test = test();\n- }\n- if (test) {\n- return;\n- }\n- throw Error(message);\n-};\n-\n-perfRunner.WriteScript = function(props) {\n- var type = '';\n- if (props.jsx) {\n- type = ' type=\\'text\/jsx\\'';\n- }\n- var src = props.src;\n- if (!props.cache) {\n- src += src.indexOf('?') === -1 ? '?_' : '&_';\n- src += perfRunner.WriteScript.cacheBust;\n- }\n- document.write('<script' + type + ' src=\\'' + src + '\\'><\\\/script>');\n-};\n-perfRunner.WriteScript.cacheBust = (+new Date()).toString(36);\n-\n-perfRunner.WriteReactLibScript = function(params) {\n- var src;\n- var minSuffix;\n- if (params.debug) {\n- minSuffix = '';\n- } else {\n- minSuffix = '.min';\n- }\n-\n- if (params.version && typeof params.version !== 'string') {\n- throw TypeError('Expected \\'version\\' to be a string');\n- }\n-\n- if (params.version === 'edge' || !params.version) {\n- console.log('React edge (local)');\n- perfRunner.WriteScript({src:'..\/build\/react' + minSuffix + '.js'});\n- perfRunner.WriteScript({src:'..\/build\/JSXTransformer.js'});\n- } else if (params.version === 'previous') {\n- console.log('React previous (local)');\n- perfRunner.WriteScript({cache:true, src:'..\/build\/react-previous' + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'..\/build\/JSXTransformer-previous.js'});\n- } else if (params.version.indexOf('builds\/') === 0) {\n- perfRunner.WriteScript({cache:true, src:'http:\/\/react.zpao.com\/' + params.version + '\/react' + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'http:\/\/react.zpao.com\/' + params.version + '\/JSXTransformer.js'});\n- } else {\n- console.log('React ' + params.version);\n- perfRunner.WriteScript({cache:true, src:'http:\/\/fb.me\/react-' + params.version + minSuffix + '.js'});\n- perfRunner.WriteScript({cache:true, src:'http:\/\/fb.me\/JSXTransformer-' + params.version + '.js'});\n- }\n- if (params.debug) {\n- console.warn('Loading the unminified build of React, performance may suffer.');\n- console.warn('Load \\'' + location.href.replace(\/\\bdebug=\\w+&?|&\\bdebug=\\w+\/ig, '') + '\\' for better perf.');\n- } else {\n- console.warn('Loading the minified build of React, debugging may be harder.');\n- console.warn('Load \\'' + location.href.replace(\/\\bdebug=\\w+&?|&\\bdebug=\\w+\/ig, '') + '&debug=1' + '\\' for easier debugging.');\n- }\n-};\n-\n-perfRunner.WriteTestScript = function(params) {\n- if (Array.isArray(params.test)) {\n- return params.test\n- .map(function(test) {\n- return {\n- test:test\n- };\n- })\n- .map(perfRunner.WriteTestScript);\n- }\n- perfRunner.assert(params.test.indexOf('..') === -1, 'no relative paths allowed');\n- return perfRunner.WriteScript({jsx:true, src: '.\/tests\/' + params.test});\n-};\n-\n-perfRunner.getQueryParamArray = function(key) {\n- var values;\n- var queryString = location.search.substr(1);\n- var _key = encodeURIComponent(key) + '=';\n-\n- if (queryString.indexOf(_key) > -1) {\n- values = queryString\n- .split(_key)\n- .slice(1)\n- .map(function(part) {\n- return part.split('&')[0];\n- })\n- .map(decodeURIComponent)\n- .map(function(string) {\n- try {\n- return JSON.parse(string);\n- } catch(e) {}\n- return string;\n- });\n- }\n-\n- perfRunner.assert(values && values.length && values[0], 'expected ' + key + ' query param');\n- return values;\n-};\n-\n-perfRunner.getQueryParamArrayOrDefault = function(key, defaultValue) {\n- try {\n- return perfRunner.getQueryParamArray(key);\n- } catch (e) {}\n- return defaultValue;\n-};\n-\n-perfRunner.Polyfill = function() {\n- if (typeof Function.prototype.bind !== 'undefined') {\n- return;\n- }\n- perfRunner.WriteScript({src:'\/node_modules\/es5-shim\/es5-shim.js', cache:true});\n- perfRunner.WriteScript({src:'\/node_modules\/es5-shim\/es5-sham.js', cache:true});\n-};\n-\n-perfRunner.BenchmarkResults = function(props) {\n- return perfRunner.roundNumberWithPrecision(props.stats.mean * 1000) + 'ms\/op';\n-};\n-\n-perfRunner.roundNumberWithPrecision = function(number, precision) {\n- if (!precision) {\n- precision = 1000;\n- }\n- return Math.round(number * precision) \/ precision;\n-};\n-\n-perfRunner.quickBench = function(benchmarkOptions, onComplete, onBeforeStart) {\n- var bench = new Benchmark(benchmarkOptions);\n- if (onBeforeStart) {\n- onBeforeStart(null, bench);\n- }\n-\n- bench.on('error', function(event) {\n- console.error(event.message);\n- console.log(event.target.compiled.toString());\n- onComplete(Error(event.error));\n- });\n-\n- bench.on('start', function() {\n- console.log('starting', bench.name);\n- });\n-\n- bench.on('cycle', function() {\n- var benchmark = this,\n- size = benchmark.stats.size;\n-\n- if (!benchmark.aborted) {\n- console.warn(benchmark.name + ' × ' + benchmark.count +\n- ' (' + benchmark.stats.sample.length + ' samples)' +\n- ' (' + Math.round(1 \/ benchmark.stats.mean) + ' ops\/sec' + ')' +\n- ' (' + (benchmark.stats.mean * 1000) + ' ms\/op' + ')' +\n- ' (±' + benchmark.stats.rme.toFixed(2) + '%)' +\n- ' with ' + React.version\n- );\n- }\n- });\n-\n- bench.on('complete', function() {\n- var results = {\n- platform: Benchmark.platform.description,\n- react: React.version,\n- name: bench.name\n- \/\/ times: bench.times,\n- \/\/ stats: bench.stats\n- };\n-\n- results['s\/op'] = bench.stats.mean;\n- results['ms\/op'] = results['s\/op'] * 1000;\n- results['op\/s'] = 1 \/ results['s\/op'];\n- results['% frame 60'] = results['ms\/op'] \/ (1000 \/ 60) * 100;\n-\n- console.log(results);\n- onComplete(null, results);\n- });\n-\n- bench.run();\n-};\n-\n-perfRunner.singleTest = function(benchmarkOptions, onComplete) {\n- var bench = Benchmark(exports);\n- bench.on('complete', function() {\n- var results = {\n- platform: Benchmark.platform.description,\n- react: React.version,\n- name: bench.name,\n- stats: bench.stats\n- };\n- onComplete(results);\n- });\n- bench.run();\n-};\n-\n-perfRunner.ViewObject = function(props) {\n- var value = props.value;\n- delete props.value;\n-\n- if (typeof value !== 'object') {\n- return React.DOM.span(props, [JSON.stringify(value), ' ', typeof value]);\n- }\n-\n- return React.DOM.table(props, Object.keys(value).map(function(key) {\n- return React.DOM.tr(null,\n- React.DOM.th(null, key),\n- React.DOM.td(null, perfRunner.ViewObject({key:key, value:value[key]}))\n- );\n- }));\n-};\ndiff --git a\/perf\/lib\/todolist.browser.js b\/perf\/lib\/todolist.browser.js\ndeleted file mode 100644\nindex ccb6fb3bc2..0000000000\n--- a\/perf\/lib\/todolist.browser.js\n+++ \/dev\/null\n@@ -1,145 +0,0 @@\n-todolist = {};\n-\n-todolist.ID = Date.now();\n-\n-todolist.now = window.performance && window.performance.now && window.performance.now.bind(window.performance) || Date.now.bind(Date);\n-\n-todolist.App = React.createClass({\n- propTypes: {\n- fakeDataCount: React.PropTypes.number\n- },\n-\n- getInitialState: function() {\n- var todos;\n- if (this.props.fakeDataCount) {\n- todos = Array(this.props.fakeDataCount + 1).join(',').split(',').map(function(ignore, index) {\n- return {\n- id: index,\n- title: 'Title ' + index + ' ' + Math.random().toString(36).substring(2, 16),\n- completed: !!(index % 2)\n- };\n- });\n- }\n- return {\n- timerStart: todolist.now(),\n- timerEnd: null,\n- timerEvent: 'getInitialState',\n- todos: todos || this.props.initialData || []\n- };\n- },\n- componentWillUpdate: function(props, state) {\n- state.todos = state.todos.filter(function(todo) {\n- return !todo.deleted;\n- });\n- },\n- addItem: function(title, callback) {\n- if (title == null || title === '') {\n- var error = Error('invalid title');\n- if (!callback) {\n- throw error;\n- }\n- return callback(error);\n- }\n- var todos = this.state.todos.slice();\n- var todo = {\n- id: ++todolist.ID,\n- title: title,\n- completed: false\n- };\n- todos.push(todo);\n- if (callback) {\n- callback = callback.bind(this, todo);\n- }\n- this.setState({timerEvent:'addItem', timerStart:todolist.now(), timerEnd:null, todos:todos}, callback);\n- return todo;\n- },\n- deleteItemById: function(id, callback) {\n- var todo = this._getById(id);\n- if (!todo) {\n- return callback && callback(Error('todo with id ' + id + ' not found'));\n- }\n- todo.deleted = true;\n- this.setState({timerEvent:'deleteItemById', timerStart:todolist.now(), timerEnd:null, todos:this.state.todos}, callback);\n- },\n- setItemCompleted: function(id, completed, callback) {\n- var todo = this._getById(id);\n- if (!todo) {\n- return callback && callback(Error('todo with id ' + id + ' not found'));\n- }\n- todo.completed = completed;\n- this.setState({timerEvent:'setItemCompleted', timerStart:todolist.now(), timerEnd:null, todos:this.state.todos}, callback);\n- },\n- _getById: function(id) {\n- id = +id;\n- var todos = this.state.todos;\n- for (var index = todos.length; --index >= 0;) {\n- if (todos[index].id === id) {\n- return todos[index];\n- }\n- }\n- return null;\n- },\n- _handleItemCompletedCheckboxChange: function(event) {\n- var node = event.target;\n- this.setItemCompleted(node.value, node.checked);\n- },\n- _handleItemDeletedButton: function(event) {\n- var node = event.target;\n- this.deleteItemById(node.value);\n- },\n- _renderTodoItem: function(todo, index) {\n- return (\n- React.DOM.li({key:todo.id},\n- React.DOM.button({value:todo.id, onClick:this._handleItemDeletedButton}, 'x'),\n- React.DOM.input({type:'checkbox', value:todo.id, checked:todo.completed, onChange:this._handleItemCompletedCheckboxChange}),\n- ' ',\n- React.DOM.span({style:{'text-decoration':todo.completed ? 'line-through' : ''}}, todo.title)\n- )\n- );\n- },\n- render: function() {\n- if (!this.state.timerEnd) {\n- this.state.timerEnd = todolist.now();\n- }\n- if (this.props.onRender) {\n- this.props.onRender();\n- }\n- return (\n- React.DOM.div(null,\n- React.DOM.h1(null, 'TODO'),\n- React.DOM.h3(null, this.state.timerEvent, ' ', this.state.timerEnd - this.state.timerStart, 'ms'),\n- todolist.NewItemForm({onEnter:this.addItem, autoFocus:true}),\n- React.DOM.ol(null, this.state.todos.map(this._renderTodoItem))\n- )\n- );\n- },\n- componentDidMount: function(rootNode) {\n- if (this.props.onDidMount) {\n- this.props.onDidMount(rootNode);\n- }\n- }\n-});\n-\n-todolist.NewItemForm = React.createClass({\n- _handleNewItemKeyDown: function(event) {\n- if (event.which !== 13\/*enter key*\/) {\n- return;\n- }\n- var node = this.refs.text.getDOMNode();\n- var value = node.value;\n- node.value = '';\n- this.props.onEnter(value);\n- return false;\n- },\n- render: function() {\n- var props = {};\n- for (var key in this.props) {\n- if (key !== 'onEnter') {\n- props[key] = this.props[key];\n- }\n- }\n- props.ref = 'text';\n- props.onKeyDown = this.props.onEnter && this._handleNewItemKeyDown;\n- return React.DOM.input(props);\n- }\n-});\ndiff --git a\/perf\/lib\/todolist.html b\/perf\/lib\/todolist.html\ndeleted file mode 100644\nindex c2c63ae590..0000000000\n--- a\/perf\/lib\/todolist.html\n+++ \/dev\/null\n@@ -1,16 +0,0 @@\n-<!doctype html>\n-<meta charset=utf-8>\n-<title>todolist<\/title>\n-\n-<script src=\"perf-test-runner.browser.js\"><\/script>\n-<script> perfRunner.Polyfill(); <\/script>\n-<script src=\"..\/..\/build\/react.min.js\"><\/script>\n-<script src=\"todolist.browser.js\"><\/script>\n-\n-<script>\n-function main(){\n- var app = todolist.App({ fakeDataCount:333 });\n- React.render(app, document.body);\n-}\n-window.onload = main;\n-<\/script>\ndiff --git a\/perf\/runner.html b\/perf\/runner.html\ndeleted file mode 100644\nindex 976841ff37..0000000000\n--- a\/perf\/runner.html\n+++ \/dev\/null\n@@ -1,59 +0,0 @@\n-<!doctype html>\n-<meta charset=utf-8>\n-<title>Perf Test Runner<\/title>\n-\n-<script src=\"..\/node_modules\/platform\/platform.js\"><\/script>\n-<script src=\"..\/node_modules\/benchmark\/benchmark.js\"><\/script>\n-<script src=\"lib\/perf-test-runner.browser.js\"><\/script>\n-\n-<script> perfRunner.Polyfill(); <\/script>\n-\n-<script>\n-\n-perfRunner.WriteReactLibScript({\n- version: perfRunner.getQueryParamArrayOrDefault('react', [null])[0],\n- debug: perfRunner.getQueryParamArrayOrDefault('debug', [false])[0]\n-});\n-\n-perfRunner.WriteScript({src:\"lib\/todolist.browser.js\"});\n-\n-perfRunner.WriteTestScript({ test:perfRunner.getQueryParamArray('test') });\n-\n-<\/script>\n-\n-<script>\n-\n-function checkIfReady(){\n- if (!window.exports) return setTimeout(checkIfReady, 50);\n-\n- console.timeStamp && console.timeStamp(perfRunner.getQueryParamArray('test'));\n- if (typeof gc == 'function') gc();\n- window.parent.postMessage(perfRunner.getQueryParamArrayOrDefault('callback', ['Ready!'])[0], '*');\n-}\n-checkIfReady();\n-\n-function main(callback){\n- perfRunner.singleTest(exports, function(results){\n- document.getElementById('results').textContent = JSON.stringify(results, null, 2);\n- callback();\n- });\n-}\n-\n-function runOnce(callback){\n- setTimeout(function(){\n- exports.fn({resolve: function(){\n- setTimeout(callback, 0);\n- }});\n- },0);\n-}\n-\n-<\/script>\n-<button autofocus onclick=\"if (disabled) return false; main(function(){ disabled=false; textContent='Run again!'; }); textContent='Running!'; disabled=true\">Run!<\/button>\n-<div>\n- <button onclick=\"exports.setup();\">Setup!<\/button>\n- <button onclick=\"if (disabled) return false; runOnce(function(){ disabled=false; textContent='Run again!'; }); textContent='Running!'; disabled=true\">Run once!<\/button>\n- <button onclick=\"exports.teardown();\">Teardown!<\/button>\n-<\/div>\n-\n-<pre id=results style=\"font-size:9px\"><\/pre>\n-\ndiff --git a\/perf\/tests\/basic-div.js b\/perf\/tests\/basic-div.js\ndeleted file mode 100644\nindex 1fe81d722b..0000000000\n--- a\/perf\/tests\/basic-div.js\n+++ \/dev\/null\n@@ -1,11 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'React.DOM.div, no props';\n-\n-exports.fn = function() {\n- React.DOM.div(null, 'lol, perf testing ', this.count);\n-};\ndiff --git a\/perf\/tests\/basic-unmount.js b\/perf\/tests\/basic-unmount.js\ndeleted file mode 100644\nindex a0b36d3877..0000000000\n--- a\/perf\/tests\/basic-unmount.js\n+++ \/dev\/null\n@@ -1,21 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'unmountComponentAtNode';\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var _firstChild = React.DOM.div(null, 'lol, perf testing ', this.count);\n- React.render(_firstChild, _rootNode);\n-};\n-exports.fn = function() {\n- if (React.unmountAndReleaseReactRootNode) {\n- React.unmountAndReleaseReactRootNode(_rootNode);\n- } else {\n- React.unmountComponentAtNode(_rootNode);\n- }\n-};\ndiff --git a\/perf\/tests\/propTypes.js b\/perf\/tests\/propTypes.js\ndeleted file mode 100644\nindex 991abe6062..0000000000\n--- a\/perf\/tests\/propTypes.js\n+++ \/dev\/null\n@@ -1,91 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'propTypes';\n-\n-var Thing = function() {};\n-var List;\n-var ListItem;\n-var MyReactComponent;\n-var _rootNode;\n-\n-function func() {\n- return 'this is a function';\n-}\n-\n-exports.setup = function() {\n- List = React.createClass({\n- propTypes: {\n- array: React.PropTypes.array,\n- bool: React.PropTypes.bool.isRequired,\n- number: React.PropTypes.number,\n- string: React.PropTypes.string.isRequired,\n- func: React.PropTypes.func.isRequired,\n- node: React.PropTypes.node.isRequired,\n- instanceOf: React.PropTypes.instanceOf(Thing).isRequired\n- },\n- render: function() {\n- return React.DOM.ul(null, this.props.children);\n- }\n- });\n-\n- ListItem = React.createClass({\n- propTypes: {\n- array: React.PropTypes.array,\n- bool: React.PropTypes.bool.isRequired,\n- number: React.PropTypes.number,\n- string: React.PropTypes.string.isRequired,\n- func: React.PropTypes.func.isRequired,\n- node: React.PropTypes.node.isRequired,\n- node2: React.PropTypes.node.isRequired,\n- instanceOf: React.PropTypes.instanceOf(Thing).isRequired,\n- element: React.PropTypes.element.isRequired\n- },\n- render: function() {\n- return React.DOM.li(null,\n- this.props.number + this.props.string + this.props.node\n- );\n- }\n- });\n-\n- MyReactComponent = React.createClass({\n- render: function() {\n- return React.DOM.span();\n- }\n- });\n-\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- var items = [];\n- for (var i = 0; i < 1000; i++) {\n- items.push(ListItem({\n- array: [11, 12, 13, 14, 15, 16, 17, 18, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n- bool: false,\n- number: Math.random(),\n- string: 'banana banana banana',\n- func: func,\n- node: 'renderable string',\n- node2: [MyReactComponent(), 'a string'],\n- instanceOf: new Thing(),\n- element: MyReactComponent()\n- }));\n- }\n-\n- React.render(List({\n- array: [11, 12, 13, 14, 15, 16, 17, 18, 19, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n- bool: false,\n- number: Math.random(),\n- string: 'banana banana banana',\n- func: func,\n- renderable: 'renderable string',\n- instanceOf: new Thing()\n- }, items), _rootNode);\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/renderComponent-basic.js b\/perf\/tests\/renderComponent-basic.js\ndeleted file mode 100644\nindex 16349f10c0..0000000000\n--- a\/perf\/tests\/renderComponent-basic.js\n+++ \/dev\/null\n@@ -1,22 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'React.render single div';\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- React.render(React.DOM.div(null, 'lol, perf testing ', this.count), _rootNode);\n-};\n-exports.teardown = function() {\n- if (React.unmountAndReleaseReactRootNode) {\n- React.unmountAndReleaseReactRootNode(_rootNode);\n- } else {\n- React.unmountComponentAtNode(_rootNode);\n- }\n-};\ndiff --git a\/perf\/tests\/sanity.js b\/perf\/tests\/sanity.js\ndeleted file mode 100644\nindex a92364c62f..0000000000\n--- a\/perf\/tests\/sanity.js\n+++ \/dev\/null\n@@ -1,17 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'Trivial benchmark to verify that everything works';\n-\n-exports.setup = function() {\n- var foo;\n-};\n-exports.fn = function() {\n- foo = Array(999).join('Howdy!\\n');\n-};\n-exports.teardown = function() {\n- foo = null;\n-};\ndiff --git a\/perf\/tests\/setState-callback-5.js b\/perf\/tests\/setState-callback-5.js\ndeleted file mode 100644\nindex a231642123..0000000000\n--- a\/perf\/tests\/setState-callback-5.js\n+++ \/dev\/null\n@@ -1,45 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'From setState to callback (x5)';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- setState = null;\n-\n- var AwesomeComponent = React.createClass({\n- getInitialState: function() {\n- return {random:null};\n- },\n- render: function() {\n- if (!setState) {\n- setState = this.setState.bind(this);\n- }\n- return React.DOM.div(null, this.state.random);\n- }\n- });\n-\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.fn = function(deferred) {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- setState({random: Date.now() + Math.random()}, function() {\n- deferred.resolve();\n- });\n- });\n- });\n- });\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/setState-callback.js b\/perf\/tests\/setState-callback.js\ndeleted file mode 100644\nindex 2597fe3178..0000000000\n--- a\/perf\/tests\/setState-callback.js\n+++ \/dev\/null\n@@ -1,37 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'From setState to callback';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- setState = null;\n-\n- var AwesomeComponent = React.createClass({\n- getInitialState: function() {\n- return {random:null};\n- },\n- render: function() {\n- if (!setState) {\n- setState = this.setState.bind(this);\n- }\n- return React.DOM.div(null, this.state.random);\n- }\n- });\n-\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.fn = function(deferred) {\n- setState({random: Date.now() + Math.random()}, function() {\n- deferred.resolve();\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/shouldComponentUpdate.js b\/perf\/tests\/shouldComponentUpdate.js\ndeleted file mode 100644\nindex 4c738f6eb8..0000000000\n--- a\/perf\/tests\/shouldComponentUpdate.js\n+++ \/dev\/null\n@@ -1,27 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'shouldComponentUpdate';\n-\n-exports.setup = function() {\n- var AwesomeComponent = React.createClass({\n- shouldComponentUpdate: function() {\n- return false;\n- },\n- render: function() {\n- return React.DOM.div({});\n- }\n- });\n-\n- var _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-exports.fn = function() {\n- React.render(AwesomeComponent(null), _rootNode);\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n-};\ndiff --git a\/perf\/tests\/todolist-add.js b\/perf\/tests\/todolist-add.js\ndeleted file mode 100644\nindex 28de8a2072..0000000000\n--- a\/perf\/tests\/todolist-add.js\n+++ \/dev\/null\n@@ -1,31 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'todolist from addItem to callback';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n-};\n-exports.fn = function(deferred) {\n- var liCount = document.getElementsByTagName('li').length;\n- _app.addItem(Math.random(), function() {\n- if (document.getElementsByTagName('li').length <= liCount) {\n- throw Error('expected a list item to be added to the dom');\n- }\n- deferred.resolve();\n- });\n-};\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-do-stuff.js b\/perf\/tests\/todolist-do-stuff.js\ndeleted file mode 100644\nindex b1c6483d21..0000000000\n--- a\/perf\/tests\/todolist-do-stuff.js\n+++ \/dev\/null\n@@ -1,58 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-_timesToRun = 2;\n-\n-exports.name = 'todolist add, complete, remove (x' + _timesToRun + ')';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n-};\n-\n-exports.fn = function(deferred) {\n- var originalLiCount = document.getElementsByTagName('li').length;\n-\n- var todos = [];\n- var times = _timesToRun;\n- while (times-- >= 0) {\n- todos.push(_app.addItem(times + 1));\n- }\n-\n- todos.forEach(function(todo) {\n- _app.setItemCompleted(todo.id);\n- });\n-\n- todos.forEach(function(todo) {\n- _app.deleteItemById(todo.id);\n- });\n-\n- todos = null;\n-\n- _app.addItem(Math.random(), function(todo) {\n- if (document.getElementsByTagName('li').length <= originalLiCount) {\n- throw Error('expected a list item to be added to the dom');\n- }\n-\n- _app.deleteItemById(todo.id, function() {\n- if (document.getElementsByTagName('li').length !== originalLiCount) {\n- throw Error('expected everything to be done by now');\n- }\n- deferred.resolve();\n- });\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-edit.js b\/perf\/tests\/todolist-edit.js\ndeleted file mode 100644\nindex 7fe7f34b6e..0000000000\n--- a\/perf\/tests\/todolist-edit.js\n+++ \/dev\/null\n@@ -1,34 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name = 'todolist setItemCompleted';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n- var appDescriptor = todolist.App({fakeDataCount: 333});\n- _app = React.render(appDescriptor, _rootNode);\n- _todo1 = _app.addItem('Howdy 1!');\n- _todo2 = _app.addItem('Howdy 2!');\n- _todo3 = _app.addItem('Howdy 3!');\n-};\n-\n-exports.fn = function(deferred) {\n- _app.setItemCompleted(_todo1.id, !_todo1.completed);\n- _app.setItemCompleted(_todo2.id, !_todo2.completed);\n- _app.setItemCompleted(_todo3.id, !_todo3.completed, function() {\n- deferred.resolve();\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = null;\n- _app = null;\n-};\ndiff --git a\/perf\/tests\/todolist-mount.js b\/perf\/tests\/todolist-mount.js\ndeleted file mode 100644\nindex 0347143b63..0000000000\n--- a\/perf\/tests\/todolist-mount.js\n+++ \/dev\/null\n@@ -1,30 +0,0 @@\n-if (typeof exports === 'undefined') {\n- exports = {};\n-}\n-\n-\/*http:\/\/benchmarkjs.com\/docs#options*\/\n-\n-exports.name =\n- 'todolist from renderComponent to renderComponent callback (333 rows)';\n-\n-exports.defer = true;\n-\n-exports.setup = function() {\n- if (typeof _rootNode !== 'undefined') {\n- throw Error('should teardown before running setup again');\n- }\n- _rootNode = document.createElement('div');\n- document.body.appendChild(_rootNode);\n-};\n-\n-exports.fn = function(deferred) {\n- React.render(todolist.App({fakeDataCount: 333}), _rootNode, function() {\n- deferred.resolve();\n- });\n-};\n-\n-exports.teardown = function() {\n- React.unmountComponentAtNode(_rootNode);\n- _rootNode.parentNode.removeChild(_rootNode);\n- _rootNode = undefined;\n-};\n","body":"Remove perf folder","parents":["a321247ee5c6a51f4cf9feec4c8989a769bcd78a","72919425503008be4adae014057fbf42b17cf3d8"]}</article></body></html>

dillon1000/react

Files changed