react-dart/test/ReactSetStateTestComponent.js at master · micahbeeman-wf/react-dart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
function getUpdatingSetStateLifeCycleCalls() {
  return _updatingSetStateLifeCycleCalls;
}

var _updatingSetStateLifeCycleCalls = [];

function getNonUpdatingSetStateLifeCycleCalls() {
  return _nonUpdatingSetStateLifeCycleCalls;
}

var _nonUpdatingSetStateLifeCycleCalls = [];

var ReactSetStateTestComponent = React.createClass({
  getDefaultProps: function() {
    return {shouldUpdate: true};
  },

  getInitialState: function() {
    return {counter: 0};
  },

  recordLifecyleCall: function(name) {
    this.props.shouldUpdate ? _updatingSetStateLifeCycleCalls.push(name) : _nonUpdatingSetStateLifeCycleCalls.push(name)
  },

  componentWillReceiveProps: function(_) {
    this.recordLifecyleCall("componentWillReceiveProps");
  },

  shouldComponentUpdate: function(_, __) {
    this.recordLifecyleCall("shouldComponentUpdate");
    return this.props.shouldUpdate;
  },

  componentWillUpdate: function(_, __) {
    this.recordLifecyleCall("componentWillUpdate");
  },

  componentDidUpdate: function(_, __) {
    this.recordLifecyleCall("componentDidUpdate");
  },

  outerSetStateCallback: function() {
    this.recordLifecyleCall('outerSetStateCallback');
  },

  innerSetStateCallback: function() {
    this.recordLifecyleCall('innerSetStateCallback');
  },

  outerTransactionalSetStateCallback: function(previousState, props) {
    this.recordLifecyleCall('outerTransactionalSetStateCallback');
    return {counter: previousState.counter + 1};
  },

  innerTransactionalSetStateCallback: function(previousState, props) {
    this.recordLifecyleCall('innerTransactionalSetStateCallback');
    return {counter: previousState.counter + 1};
  },

  handleOuterClick: function(_) {
    this.setState(this.outerTransactionalSetStateCallback, this.outerSetStateCallback);
  },

  handleInnerClick: function(_) {
    this.setState(this.innerTransactionalSetStateCallback, this.innerSetStateCallback);
  },

  render: function() {
    return React.createElement("div", {onClick: this.handleOuterClick},
      React.createElement("div", {onClick: this.handleInnerClick}, this.state.counter)
    );
  }
});

var updatingInstance = ReactDOM.render(
  React.createElement(ReactSetStateTestComponent),
  document.createElement("div")
);

var nonUpdatingInstance = ReactDOM.render(
  React.createElement(ReactSetStateTestComponent, {shouldUpdate: false}),
  document.createElement("div")
);

React.addons.TestUtils.Simulate.click(ReactDOM.findDOMNode(updatingInstance).children[0]);

React.addons.TestUtils.Simulate.click(ReactDOM.findDOMNode(nonUpdatingInstance).children[0]);