splitDiff.stories.js 8.6 KB

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