splitDiff.stories.js 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. import React from 'react';
  2. import {select} from '@storybook/addon-knobs';
  3. import {withInfo} from '@storybook/addon-info';
  4. import SplitDiff from 'app/components/splitDiff';
  5. const base = `RangeError: Invalid array length
  6. at Constructor.render(./app/components/scoreBar.jsx:73:0)
  7. at ? (~/react/lib/ReactCompositeComponent.js:793:0)
  8. at measureLifeCyclePerf(~/react/lib/ReactCompositeComponent.js:74:0)
  9. at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext(~/react/lib/ReactCompositeComponent.js:792:0)
  10. at ReactCompositeComponentWrapper._renderValidatedComponent(~/react/lib/ReactCompositeComponent.js:819:0)
  11. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:361:0)
  12. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  13. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  14. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  15. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  16. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  17. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  18. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:370:0)
  19. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  20. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  21. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  22. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  23. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  24. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  25. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  26. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  27. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  28. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  29. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  30. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  31. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  32. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  33. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:370:0)
  34. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  35. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  36. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:370:0)
  37. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  38. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  39. at Object.updateChildren(~/react/lib/ReactChildReconciler.js:122:0)
  40. at ReactDOMComponent._reconcilerUpdateChildren(~/react/lib/ReactMultiChild.js:210:0)
  41. at ReactDOMComponent._updateChildren(~/react/lib/ReactMultiChild.js:314:0)
  42. at ReactDOMComponent.updateChildren(~/react/lib/ReactMultiChild.js:301:0)
  43. at ReactDOMComponent._updateDOMChildren(~/react/lib/ReactDOMComponent.js:942:0)
  44. at ReactDOMComponent.updateComponent(~/react/lib/ReactDOMComponent.js:760:0)
  45. at ReactDOMComponent.receiveComponent(~/react/lib/ReactDOMComponent.js:718:0)
  46. at Object.receiveComponent(~/react/lib/ReactReconciler.js:126:0)
  47. at Object.updateChildren(~/react/lib/ReactChildReconciler.js:110:0)
  48. at ReactDOMComponent._reconcilerUpdateChildren(~/react/lib/ReactMultiChild.js:210:0)
  49. at ReactDOMComponent._updateChildren(~/react/lib/ReactMultiChild.js:314:0)
  50. at ReactDOMComponent.updateChildren(~/react/lib/ReactMultiChild.js:301:0)
  51. at ReactDOMComponent._updateDOMChildren(~/react/lib/ReactDOMComponent.js:942:0)
  52. at ReactDOMComponent.updateComponent(~/react/lib/ReactDOMComponent.js:760:0)
  53. at ReactDOMComponent.receiveComponent(~/react/lib/ReactDOMComponent.js:718:0)
  54. at Object.receiveComponent(~/react/lib/ReactReconciler.js:126:0)
  55. at ReactCompositeComponentWrapper._updateRenderedComponent(~/react/lib/ReactCompositeComponent.js:751:0)`;
  56. const target = `TypeError: Cannot read property 'id' of undefined
  57. at StreamGroupHeader.render(./app/components/stream/StreamGroupHeader.jsx:54:0)
  58. at ? (~/react/lib/ReactCompositeComponent.js:793:0)
  59. at measureLifeCyclePerf(~/react/lib/ReactCompositeComponent.js:74:0)
  60. at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext(~/react/lib/ReactCompositeComponent.js:792:0)
  61. at ReactCompositeComponentWrapper._renderValidatedComponent(~/react/lib/ReactCompositeComponent.js:819:0)
  62. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:361:0)
  63. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  64. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  65. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  66. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  67. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  68. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  69. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  70. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  71. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  72. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  73. at ReactCompositeComponentWrapper.performInitialMount(~/react/lib/ReactCompositeComponent.js:370:0)
  74. at ReactCompositeComponentWrapper.mountComponent(~/react/lib/ReactCompositeComponent.js:257:0)
  75. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  76. at ReactDOMComponent.mountChildren(~/react/lib/ReactMultiChild.js:240:0)
  77. at ReactDOMComponent._createInitialChildren(~/react/lib/ReactDOMComponent.js:699:0)
  78. at ReactDOMComponent.mountComponent(~/react/lib/ReactDOMComponent.js:524:0)
  79. at Object.mountComponent(~/react/lib/ReactReconciler.js:47:0)
  80. at Object.updateChildren(~/react/lib/ReactChildReconciler.js:122:0)
  81. at ReactDOMComponent._reconcilerUpdateChildren(~/react/lib/ReactMultiChild.js:210:0)
  82. at ReactDOMComponent._updateChildren(~/react/lib/ReactMultiChild.js:314:0)
  83. at ReactDOMComponent.updateChildren(~/react/lib/ReactMultiChild.js:301:0)
  84. at ReactDOMComponent._updateDOMChildren(~/react/lib/ReactDOMComponent.js:942:0)
  85. at ReactDOMComponent.updateComponent(~/react/lib/ReactDOMComponent.js:760:0)
  86. at ReactDOMComponent.receiveComponent(~/react/lib/ReactDOMComponent.js:718:0)
  87. at Object.receiveComponent(~/react/lib/ReactReconciler.js:126:0)
  88. at Object.updateChildren(~/react/lib/ReactChildReconciler.js:110:0)
  89. at ReactDOMComponent._reconcilerUpdateChildren(~/react/lib/ReactMultiChild.js:210:0)
  90. at ReactDOMComponent._updateChildren(~/react/lib/ReactMultiChild.js:314:0)
  91. at ReactDOMComponent.updateChildren(~/react/lib/ReactMultiChild.js:301:0)
  92. at ReactDOMComponent._updateDOMChildren(~/react/lib/ReactDOMComponent.js:942:0)
  93. at ReactDOMComponent.updateComponent(~/react/lib/ReactDOMComponent.js:760:0)
  94. at ReactDOMComponent.receiveComponent(~/react/lib/ReactDOMComponent.js:718:0)
  95. at Object.receiveComponent(~/react/lib/ReactReconciler.js:126:0)
  96. at Object.updateChildren(~/react/lib/ReactChildReconciler.js:110:0)
  97. at ReactDOMComponent._reconcilerUpdateChildren(~/react/lib/ReactMultiChild.js:210:0)
  98. at ReactDOMComponent._updateChildren(~/react/lib/ReactMultiChild.js:314:0)
  99. at ReactDOMComponent.updateChildren(~/react/lib/ReactMultiChild.js:301:0)
  100. at ReactDOMComponent._updateDOMChildren(~/react/lib/ReactDOMComponent.js:942:0)
  101. at ReactDOMComponent.updateComponent(~/react/lib/ReactDOMComponent.js:760:0)
  102. at ReactDOMComponent.receiveComponent(~/react/lib/ReactDOMComponent.js:718:0)
  103. at Object.receiveComponent(~/react/lib/ReactReconciler.js:126:0)
  104. at ReactCompositeComponentWrapper._updateRenderedComponent(~/react/lib/ReactCompositeComponent.js:751:0)
  105. at ReactCompositeComponentWrapper._performComponentUpdate(~/react/lib/ReactCompositeComponent.js:721:0)
  106. at ReactCompositeComponentWrapper.updateComponent(~/react/lib/ReactCompositeComponent.js:642:0)`;
  107. export default {
  108. title: 'Other/SplitDiff',
  109. };
  110. export const _SplitDiff = withInfo(
  111. 'Diffs two strings, split by newlines if present'
  112. )(() => (
  113. <SplitDiff
  114. base={base}
  115. target={target}
  116. type={select('Type', ['lines', 'words', 'chars'], 'lines')}
  117. />
  118. ));
  119. _SplitDiff.story = {
  120. name: 'SplitDiff',
  121. };