@khanacademy/perseus 0.0.1 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (503) hide show
  1. package/.babelrc.js +1 -1
  2. package/CHANGELOG.md +7 -0
  3. package/dist/es/index.js +15 -1
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.css +11934 -0
  6. package/dist/index.js +15 -1
  7. package/dist/index.js.map +1 -1
  8. package/dist/strings.js +148 -1
  9. package/package.json +40 -4
  10. package/src/README.md +7 -0
  11. package/src/__stories__/item-renderer.stories.jsx +27 -0
  12. package/src/__stories__/server-item-renderer.stories.jsx +27 -0
  13. package/src/__testdata__/item-renderer_testdata.js +161 -0
  14. package/src/__testdata__/renderer_testdata.js +123 -0
  15. package/src/__tests__/__snapshots__/item-renderer_test.jsx.snap +233 -0
  16. package/src/__tests__/__snapshots__/perseus-markdown_test.jsx.snap +516 -0
  17. package/src/__tests__/__snapshots__/pure-markdown_test.js.snap +113 -0
  18. package/src/__tests__/__snapshots__/renderer_test.jsx.snap +576 -0
  19. package/src/__tests__/__snapshots__/server-item-renderer_test.jsx.snap +306 -0
  20. package/src/__tests__/a11y_test.jsx +304 -0
  21. package/src/__tests__/item-renderer_test.jsx +892 -0
  22. package/src/__tests__/mock-asset-loading-widget.jsx +57 -0
  23. package/src/__tests__/mock-widget.jsx +35 -0
  24. package/src/__tests__/perseus-markdown_test.jsx +747 -0
  25. package/src/__tests__/pure-markdown_test.js +552 -0
  26. package/src/__tests__/renderability_test.jsx +481 -0
  27. package/src/__tests__/renderer-api_test.jsx +333 -0
  28. package/src/__tests__/renderer_test.jsx +1792 -0
  29. package/src/__tests__/server-item-renderer_test.jsx +516 -0
  30. package/src/__tests__/test-items/image-item.js +25 -0
  31. package/src/__tests__/test-items/input-number-1-item.js +27 -0
  32. package/src/__tests__/test-items/input-number-2-item.js +39 -0
  33. package/src/__tests__/test-items/table-item.js +30 -0
  34. package/src/__tests__/tex-wrangler_test.js +83 -0
  35. package/src/__tests__/util_test.js +41 -0
  36. package/src/a11y.js +46 -0
  37. package/src/all-widgets.js +9 -0
  38. package/src/article-renderer.jsx +215 -0
  39. package/src/asset-context.js +30 -0
  40. package/src/basic-widgets.js +13 -0
  41. package/src/components/__stories__/button-group.stories.jsx +61 -0
  42. package/src/components/__stories__/fixed-to-responsive.stories.jsx +132 -0
  43. package/src/components/__stories__/graph.stories.jsx +27 -0
  44. package/src/components/__stories__/graphie.stories.jsx +28 -0
  45. package/src/components/__stories__/hud.stories.jsx +36 -0
  46. package/src/components/__stories__/icon.stories.jsx +56 -0
  47. package/src/components/__stories__/image-loader.stories.jsx +60 -0
  48. package/src/components/__stories__/info-tip.stories.jsx +33 -0
  49. package/src/components/__stories__/inline-icon.stories.jsx +39 -0
  50. package/src/components/__stories__/input-with-examples.stories.jsx +51 -0
  51. package/src/components/__stories__/lint.stories.jsx +40 -0
  52. package/src/components/__stories__/math-input.stories.jsx +29 -0
  53. package/src/components/__stories__/math-output.stories.jsx +24 -0
  54. package/src/components/__stories__/multi-button-group.stories.jsx +69 -0
  55. package/src/components/__stories__/number-input.stories.jsx +42 -0
  56. package/src/components/__stories__/possible-answers.stories.jsx +22 -0
  57. package/src/components/__stories__/prop-check-box.stories.jsx +62 -0
  58. package/src/components/__stories__/range-input.stories.jsx +28 -0
  59. package/src/components/__stories__/simple-keypad-input.stories.jsx +28 -0
  60. package/src/components/__stories__/sortable.stories.jsx +73 -0
  61. package/src/components/__stories__/stub-tag-editor.stories.jsx +44 -0
  62. package/src/components/__stories__/svg-image.stories.jsx +60 -0
  63. package/src/components/__stories__/tex.stories.jsx +18 -0
  64. package/src/components/__stories__/text-buttons.stories.jsx +51 -0
  65. package/src/components/__stories__/text-input.stories.jsx +34 -0
  66. package/src/components/__stories__/text-list-editor.stories.jsx +33 -0
  67. package/src/components/__stories__/zoomable-tex.stories.jsx +39 -0
  68. package/src/components/__stories__/zoomable.stories.jsx +40 -0
  69. package/src/components/__testdata__/sorter_testdata.js +20 -0
  70. package/src/components/__tests__/__snapshots__/sortable_test.jsx.snap +79 -0
  71. package/src/components/__tests__/__snapshots__/sorter_test.jsx.snap +297 -0
  72. package/src/components/__tests__/number-input_test.jsx +112 -0
  73. package/src/components/__tests__/sortable_test.jsx +234 -0
  74. package/src/components/__tests__/sorter_test.jsx +111 -0
  75. package/src/components/__tests__/zoomable_test.jsx +388 -0
  76. package/src/components/button-group.jsx +131 -0
  77. package/src/components/constants.js +15 -0
  78. package/src/components/fixed-to-responsive.jsx +163 -0
  79. package/src/components/graph.jsx +414 -0
  80. package/src/components/graphie-classes.jsx +148 -0
  81. package/src/components/graphie-movables.jsx +342 -0
  82. package/src/components/graphie.jsx +353 -0
  83. package/src/components/highlighting/highlightable-content.jsx +245 -0
  84. package/src/components/highlighting/highlights.js +208 -0
  85. package/src/components/highlighting/ranges.js +299 -0
  86. package/src/components/highlighting/types.js +73 -0
  87. package/src/components/highlighting/ui/highlight-renderer.jsx +179 -0
  88. package/src/components/highlighting/ui/highlight-set-renderer.jsx +190 -0
  89. package/src/components/highlighting/ui/highlight-tooltip.jsx +153 -0
  90. package/src/components/highlighting/ui/highlighting-ui.jsx +163 -0
  91. package/src/components/highlighting/ui/selection-tracker.jsx +195 -0
  92. package/src/components/highlighting/ui/types.js +21 -0
  93. package/src/components/highlighting/ui/util.js +166 -0
  94. package/src/components/highlighting/word-indexer.jsx +155 -0
  95. package/src/components/hud.jsx +179 -0
  96. package/src/components/icon.jsx +149 -0
  97. package/src/components/image-loader.jsx +175 -0
  98. package/src/components/info-tip/info-tip.jsx +149 -0
  99. package/src/components/info-tip.jsx +38 -0
  100. package/src/components/inline-icon.jsx +81 -0
  101. package/src/components/input-with-examples.jsx +231 -0
  102. package/src/components/lint.jsx +456 -0
  103. package/src/components/math-input.jsx +282 -0
  104. package/src/components/math-output.jsx +128 -0
  105. package/src/components/multi-button-group.jsx +137 -0
  106. package/src/components/new-tooltip/README.md +110 -0
  107. package/src/components/new-tooltip/__stories__/flexible-position.stories.jsx +437 -0
  108. package/src/components/new-tooltip/__stories__/new-tooltip.stories.jsx +665 -0
  109. package/src/components/new-tooltip/__stories__/tooltip-arrow.stories.jsx +70 -0
  110. package/src/components/new-tooltip/__stories__/tooltip-bubble.stories.jsx +98 -0
  111. package/src/components/new-tooltip/__tests__/style-constants_test.js +8 -0
  112. package/src/components/new-tooltip/__tests__/util_test.js +47 -0
  113. package/src/components/new-tooltip/flexible-position.jsx +182 -0
  114. package/src/components/new-tooltip/new-tooltip.jsx +399 -0
  115. package/src/components/new-tooltip/style-constants.js +13 -0
  116. package/src/components/new-tooltip/tooltip-arrow.jsx +184 -0
  117. package/src/components/new-tooltip/tooltip-bubble.jsx +223 -0
  118. package/src/components/new-tooltip/tooltip-portal.jsx +101 -0
  119. package/src/components/new-tooltip/tooltip-positioner.jsx +529 -0
  120. package/src/components/new-tooltip/types.js +183 -0
  121. package/src/components/new-tooltip/util.js +27 -0
  122. package/src/components/number-input.jsx +253 -0
  123. package/src/components/possible-answers.jsx +36 -0
  124. package/src/components/prop-check-box.jsx +78 -0
  125. package/src/components/range-input.jsx +61 -0
  126. package/src/components/simple-keypad-input.jsx +91 -0
  127. package/src/components/sortable.jsx +872 -0
  128. package/src/components/stub-tag-editor.jsx +53 -0
  129. package/src/components/svg-image.jsx +762 -0
  130. package/src/components/tex-buttons.jsx +322 -0
  131. package/src/components/tex.jsx +70 -0
  132. package/src/components/text-input.jsx +82 -0
  133. package/src/components/text-list-editor.jsx +157 -0
  134. package/src/components/tooltip.jsx +395 -0
  135. package/src/components/visibility-observer/__stories__/visibility-observer.stories.jsx +140 -0
  136. package/src/components/visibility-observer/get-scroll-parent.js +45 -0
  137. package/src/components/visibility-observer/visibility-observer.js +109 -0
  138. package/src/components/visibility-observer/visibility-observer.jsx +123 -0
  139. package/src/components/zoomable-tex.jsx +70 -0
  140. package/src/components/zoomable.jsx +304 -0
  141. package/src/components.js +17 -0
  142. package/src/dependencies.js +22 -0
  143. package/src/error-boundary.jsx +48 -0
  144. package/src/extra-widgets.js +75 -0
  145. package/src/gorgon/README +40 -0
  146. package/src/gorgon/__tests__/matcher_test.js +497 -0
  147. package/src/gorgon/__tests__/rule_test.js +101 -0
  148. package/src/gorgon/__tests__/rules_test.js +487 -0
  149. package/src/gorgon/__tests__/selector-parser_test.js +52 -0
  150. package/src/gorgon/__tests__/tree-transformer_test.js +446 -0
  151. package/src/gorgon/gorgon.js +290 -0
  152. package/src/gorgon/proptypes.js +29 -0
  153. package/src/gorgon/rule.js +413 -0
  154. package/src/gorgon/rules/absolute-url.js +24 -0
  155. package/src/gorgon/rules/all-rules.js +72 -0
  156. package/src/gorgon/rules/blockquoted-math.js +10 -0
  157. package/src/gorgon/rules/blockquoted-widget.js +10 -0
  158. package/src/gorgon/rules/double-spacing-after-terminal.js +12 -0
  159. package/src/gorgon/rules/extra-content-spacing.js +12 -0
  160. package/src/gorgon/rules/heading-level-1.js +14 -0
  161. package/src/gorgon/rules/heading-level-skip.js +20 -0
  162. package/src/gorgon/rules/heading-sentence-case.js +11 -0
  163. package/src/gorgon/rules/heading-title-case.js +63 -0
  164. package/src/gorgon/rules/image-alt-text.js +21 -0
  165. package/src/gorgon/rules/image-in-table.js +10 -0
  166. package/src/gorgon/rules/image-spaces-around-urls.js +35 -0
  167. package/src/gorgon/rules/image-widget.js +50 -0
  168. package/src/gorgon/rules/link-click-here.js +11 -0
  169. package/src/gorgon/rules/lint-utils.js +48 -0
  170. package/src/gorgon/rules/long-paragraph.js +14 -0
  171. package/src/gorgon/rules/math-adjacent.js +10 -0
  172. package/src/gorgon/rules/math-align-extra-break.js +11 -0
  173. package/src/gorgon/rules/math-align-linebreaks.js +43 -0
  174. package/src/gorgon/rules/math-empty.js +10 -0
  175. package/src/gorgon/rules/math-font-size.js +12 -0
  176. package/src/gorgon/rules/math-frac.js +10 -0
  177. package/src/gorgon/rules/math-nested.js +11 -0
  178. package/src/gorgon/rules/math-starts-with-space.js +12 -0
  179. package/src/gorgon/rules/math-text-empty.js +10 -0
  180. package/src/gorgon/rules/math-without-dollars.js +14 -0
  181. package/src/gorgon/rules/nested-lists.js +11 -0
  182. package/src/gorgon/rules/profanity.js +10 -0
  183. package/src/gorgon/rules/table-missing-cells.js +20 -0
  184. package/src/gorgon/rules/unbalanced-code-delimiters.js +14 -0
  185. package/src/gorgon/rules/unescaped-dollar.js +10 -0
  186. package/src/gorgon/rules/widget-in-table.js +10 -0
  187. package/src/gorgon/selector.js +506 -0
  188. package/src/gorgon/tree-transformer.js +588 -0
  189. package/src/hint-renderer.jsx +159 -0
  190. package/src/hints-renderer.jsx +359 -0
  191. package/src/icon-paths.js +120 -0
  192. package/src/index.js +149 -2
  193. package/src/init.js +49 -0
  194. package/src/interaction-tracker.js +60 -0
  195. package/src/interactive2/__tests__/movable-mock.js +48 -0
  196. package/src/interactive2/__tests__/movable-point_test.js +146 -0
  197. package/src/interactive2/interactive-util.js +152 -0
  198. package/src/interactive2/movable-helper-methods.js +160 -0
  199. package/src/interactive2/movable-line-options.js +392 -0
  200. package/src/interactive2/movable-line.js +322 -0
  201. package/src/interactive2/movable-point-options.js +190 -0
  202. package/src/interactive2/movable-point.jsx +604 -0
  203. package/src/interactive2/movable-polygon-options.js +351 -0
  204. package/src/interactive2/movable-polygon.js +367 -0
  205. package/src/interactive2/movable.js +273 -0
  206. package/src/interactive2/objective_.js +79 -0
  207. package/src/interactive2/types.js +3 -0
  208. package/src/interactive2/wrapped-defaults.js +86 -0
  209. package/src/interactive2/wrapped-ellipse.js +87 -0
  210. package/src/interactive2/wrapped-line.js +109 -0
  211. package/src/interactive2/wrapped-path.js +47 -0
  212. package/src/interactive2.js +91 -0
  213. package/src/item-renderer.jsx +518 -0
  214. package/src/item-version.js +12 -0
  215. package/src/jipt-paragraphs.js +44 -0
  216. package/src/jquery.mobile.vmouse.js +545 -0
  217. package/src/keypad-context.js +33 -0
  218. package/src/loading-context.js +20 -0
  219. package/src/logging/log.js +107 -0
  220. package/src/logging/log_test.js +41 -0
  221. package/src/mixins/changeable.jsx +115 -0
  222. package/src/mixins/editor-jsonify.jsx +13 -0
  223. package/src/mixins/provide-keypad.jsx +131 -0
  224. package/src/mixins/widget-jsonify-deprecated.jsx +23 -0
  225. package/src/mixins/widget-prop-blacklist.js +36 -0
  226. package/src/multi-items/__stories__/multi-renderer.stories.js +88 -0
  227. package/src/multi-items/__testdata__/multi-renderer_testdata.js +174 -0
  228. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +994 -0
  229. package/src/multi-items/__tests__/items_test.js +245 -0
  230. package/src/multi-items/__tests__/multi-renderer_test.js +903 -0
  231. package/src/multi-items/__tests__/prop-type-builders_test.js +134 -0
  232. package/src/multi-items/__tests__/shapes_test.js +44 -0
  233. package/src/multi-items/__tests__/trees_test.js +316 -0
  234. package/src/multi-items/item-types.js +55 -0
  235. package/src/multi-items/items.js +176 -0
  236. package/src/multi-items/multi-renderer.jsx +542 -0
  237. package/src/multi-items/prop-type-builders.js +105 -0
  238. package/src/multi-items/shape-types.js +47 -0
  239. package/src/multi-items/shapes.js +53 -0
  240. package/src/multi-items/tree-types.js +42 -0
  241. package/src/multi-items/trees.js +345 -0
  242. package/src/multi-items.js +76 -0
  243. package/src/not-gorgon.js +129 -0
  244. package/src/perseus-api.jsx +270 -0
  245. package/src/perseus-env.js +26 -0
  246. package/src/perseus-error.js +19 -0
  247. package/src/perseus-markdown.jsx +434 -0
  248. package/src/perseus-types.js +1597 -0
  249. package/src/pure-markdown.js +346 -0
  250. package/src/question-paragraph.jsx +30 -0
  251. package/src/renderability.jsx +108 -0
  252. package/src/renderer.jsx +1931 -0
  253. package/src/server-item-renderer.jsx +467 -0
  254. package/src/sigfigs.jsx +492 -0
  255. package/src/styles/articles.less +748 -0
  256. package/src/styles/constants.js +119 -0
  257. package/src/styles/global-constants.js +350 -0
  258. package/src/styles/global-styles.js +307 -0
  259. package/src/styles/khan-exercise.css +1304 -0
  260. package/src/styles/media-queries.js +48 -0
  261. package/src/styles/perseus-renderer.less +1008 -0
  262. package/src/styles/shared.js +132 -0
  263. package/src/styles/util.less +47 -0
  264. package/src/styles/variables.boostrap.less +301 -0
  265. package/src/styles/variables.less +68 -0
  266. package/src/styles/variables.shared.less +356 -0
  267. package/src/styles/widgets/categorizer.less +39 -0
  268. package/src/styles/widgets/definition.less +86 -0
  269. package/src/styles/widgets/dropdown.less +3 -0
  270. package/src/styles/widgets/expression.less +147 -0
  271. package/src/styles/widgets/graded-group.less +36 -0
  272. package/src/styles/widgets/grapher.less +11 -0
  273. package/src/styles/widgets/group.less +19 -0
  274. package/src/styles/widgets/image.less +29 -0
  275. package/src/styles/widgets/interactive-graph.less +61 -0
  276. package/src/styles/widgets/label-image.less +41 -0
  277. package/src/styles/widgets/matcher.less +8 -0
  278. package/src/styles/widgets/matrix.less +120 -0
  279. package/src/styles/widgets/measurer.less +20 -0
  280. package/src/styles/widgets/orderer.less +97 -0
  281. package/src/styles/widgets/passage.less +151 -0
  282. package/src/styles/widgets/plotter.less +33 -0
  283. package/src/styles/widgets/radio.less +52 -0
  284. package/src/styles/widgets/reaction-diagram.less +35 -0
  285. package/src/styles/widgets/sequence.less +5 -0
  286. package/src/styles/widgets/sortable.less +127 -0
  287. package/src/styles/widgets/table.less +56 -0
  288. package/src/styles/widgets/transformer.less +28 -0
  289. package/src/styles/widgets/unit.less +14 -0
  290. package/src/tex-wrangler.js +176 -0
  291. package/src/traversal.jsx +141 -0
  292. package/src/types.js +538 -0
  293. package/src/util/a11y.js +24 -0
  294. package/src/util/answer-types.js +862 -0
  295. package/src/util/answer-types_test.js +115 -0
  296. package/src/util/colors.js +94 -0
  297. package/src/util/fix-passage-refs.jsx +122 -0
  298. package/src/util/graph-utils.js +16 -0
  299. package/src/util/graphie.js +1585 -0
  300. package/src/util/interactive.js +4071 -0
  301. package/src/util/katex-preprocess.js +16 -0
  302. package/src/util/math.js +296 -0
  303. package/src/util/mobile-native-utils.js +14 -0
  304. package/src/util/mobile-native-utils_test.js +24 -0
  305. package/src/util/register-all-widgets-for-testing.js +12 -0
  306. package/src/util/scroll-utils.js +162 -0
  307. package/src/util/sizing-utils.js +46 -0
  308. package/src/util/tex.js +203 -0
  309. package/src/util/url-utils.js +36 -0
  310. package/src/util.js +990 -0
  311. package/src/version.js +11 -0
  312. package/src/widget-container.jsx +174 -0
  313. package/src/widgets/__stories__/categorizer.stories.jsx +15 -0
  314. package/src/widgets/__stories__/cs-program.stories.jsx +15 -0
  315. package/src/widgets/__stories__/definition.stories.jsx +38 -0
  316. package/src/widgets/__stories__/dropdown.stories.jsx +15 -0
  317. package/src/widgets/__stories__/explanation.stories.jsx +19 -0
  318. package/src/widgets/__stories__/expression.stories.jsx +26 -0
  319. package/src/widgets/__stories__/graded-group-set.stories.jsx +32 -0
  320. package/src/widgets/__stories__/graded-group.stories.jsx +32 -0
  321. package/src/widgets/__stories__/grapher.stories.jsx +47 -0
  322. package/src/widgets/__stories__/group.stories.jsx +15 -0
  323. package/src/widgets/__stories__/iframe.stories.jsx +15 -0
  324. package/src/widgets/__stories__/image.stories.jsx +62 -0
  325. package/src/widgets/__stories__/input-number.stories.jsx +90 -0
  326. package/src/widgets/__stories__/interaction.stories.jsx +15 -0
  327. package/src/widgets/__stories__/interactive-graph.stories.jsx +61 -0
  328. package/src/widgets/__stories__/matcher.stories.jsx +15 -0
  329. package/src/widgets/__stories__/matrix.stories.jsx +15 -0
  330. package/src/widgets/__stories__/number-line.stories.jsx +15 -0
  331. package/src/widgets/__stories__/numeric-input.stories.jsx +19 -0
  332. package/src/widgets/__stories__/orderer.stories.jsx +15 -0
  333. package/src/widgets/__stories__/passage-ref.stories.jsx +19 -0
  334. package/src/widgets/__stories__/passage.stories.jsx +19 -0
  335. package/src/widgets/__stories__/radio.stories.jsx +82 -0
  336. package/src/widgets/__stories__/sorter.stories.jsx +15 -0
  337. package/src/widgets/__stories__/transformer.stories.jsx +15 -0
  338. package/src/widgets/__stories__/video.stories.jsx +15 -0
  339. package/src/widgets/__testdata__/categorizer_testdata.js +50 -0
  340. package/src/widgets/__testdata__/cs-program_testdata.js +28 -0
  341. package/src/widgets/__testdata__/dropdown_testdata.js +34 -0
  342. package/src/widgets/__testdata__/explanation_testdata.js +56 -0
  343. package/src/widgets/__testdata__/expression_testdata.js +95 -0
  344. package/src/widgets/__testdata__/graded-group-set_testdata.js +358 -0
  345. package/src/widgets/__testdata__/graded-group_testdata.js +79 -0
  346. package/src/widgets/__testdata__/grapher_testdata.js +376 -0
  347. package/src/widgets/__testdata__/group_testdata.js +156 -0
  348. package/src/widgets/__testdata__/iframe_testdata.js +36 -0
  349. package/src/widgets/__testdata__/image_testdata.js +38 -0
  350. package/src/widgets/__testdata__/input-number_testdata.js +73 -0
  351. package/src/widgets/__testdata__/interaction_testdata.js +264 -0
  352. package/src/widgets/__testdata__/interactive-graph_testdata.js +646 -0
  353. package/src/widgets/__testdata__/matcher_testdata.js +34 -0
  354. package/src/widgets/__testdata__/matrix_testdata.js +29 -0
  355. package/src/widgets/__testdata__/number-line_testdata.js +31 -0
  356. package/src/widgets/__testdata__/numeric-input_testdata.js +266 -0
  357. package/src/widgets/__testdata__/orderer_testdata.js +58 -0
  358. package/src/widgets/__testdata__/passage-ref_testdata.js +41 -0
  359. package/src/widgets/__testdata__/passage_testdata.js +71 -0
  360. package/src/widgets/__testdata__/radio_testdata.js +210 -0
  361. package/src/widgets/__testdata__/sorter_testdata.js +20 -0
  362. package/src/widgets/__testdata__/transformer_testdata.js +109 -0
  363. package/src/widgets/__testdata__/video_testdata.js +22 -0
  364. package/src/widgets/__tests__/__snapshots__/categorizer_test.jsx.snap +928 -0
  365. package/src/widgets/__tests__/__snapshots__/cs-program_test.jsx.snap +75 -0
  366. package/src/widgets/__tests__/__snapshots__/definition_test.js.snap +99 -0
  367. package/src/widgets/__tests__/__snapshots__/dropdown_test.jsx.snap +143 -0
  368. package/src/widgets/__tests__/__snapshots__/explanation_test.js.snap +473 -0
  369. package/src/widgets/__tests__/__snapshots__/expression_test.jsx.snap +38 -0
  370. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt_test.jsx.snap +754 -0
  371. package/src/widgets/__tests__/__snapshots__/graded-group-set_test.jsx.snap +310 -0
  372. package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap +863 -0
  373. package/src/widgets/__tests__/__snapshots__/grapher_test.jsx.snap +2880 -0
  374. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +1154 -0
  375. package/src/widgets/__tests__/__snapshots__/iframe_test.jsx.snap +69 -0
  376. package/src/widgets/__tests__/__snapshots__/image_test.jsx.snap +388 -0
  377. package/src/widgets/__tests__/__snapshots__/input-number_test.jsx.snap +978 -0
  378. package/src/widgets/__tests__/__snapshots__/interaction_test.jsx.snap +311 -0
  379. package/src/widgets/__tests__/__snapshots__/interactive-graph_test.jsx.snap +2915 -0
  380. package/src/widgets/__tests__/__snapshots__/matcher_test.jsx.snap +1039 -0
  381. package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap +450 -0
  382. package/src/widgets/__tests__/__snapshots__/number-line_test.jsx.snap +888 -0
  383. package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap +930 -0
  384. package/src/widgets/__tests__/__snapshots__/orderer_test.jsx.snap +275 -0
  385. package/src/widgets/__tests__/__snapshots__/passage-ref_test.jsx.snap +446 -0
  386. package/src/widgets/__tests__/__snapshots__/passage_test.jsx.snap +1988 -0
  387. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +7107 -0
  388. package/src/widgets/__tests__/__snapshots__/video_test.jsx.snap +163 -0
  389. package/src/widgets/__tests__/categorizer_test.jsx +205 -0
  390. package/src/widgets/__tests__/cs-program_test.jsx +45 -0
  391. package/src/widgets/__tests__/definition_test.js +152 -0
  392. package/src/widgets/__tests__/dropdown_test.jsx +106 -0
  393. package/src/widgets/__tests__/explanation_test.js +199 -0
  394. package/src/widgets/__tests__/expression_test.jsx +439 -0
  395. package/src/widgets/__tests__/graded-group-set-jipt_test.jsx +33 -0
  396. package/src/widgets/__tests__/graded-group-set_test.jsx +270 -0
  397. package/src/widgets/__tests__/graded-group_test.jsx +233 -0
  398. package/src/widgets/__tests__/grapher.cypress.jsx +486 -0
  399. package/src/widgets/__tests__/grapher_test.jsx +35 -0
  400. package/src/widgets/__tests__/group_test.jsx +512 -0
  401. package/src/widgets/__tests__/iframe_test.jsx +47 -0
  402. package/src/widgets/__tests__/image_test.jsx +65 -0
  403. package/src/widgets/__tests__/input-number_test.jsx +360 -0
  404. package/src/widgets/__tests__/interaction_test.jsx +33 -0
  405. package/src/widgets/__tests__/interactive-graph.cypress.jsx +697 -0
  406. package/src/widgets/__tests__/interactive-graph_test.jsx +105 -0
  407. package/src/widgets/__tests__/matcher_test.jsx +157 -0
  408. package/src/widgets/__tests__/matrix_test.jsx +84 -0
  409. package/src/widgets/__tests__/number-line_test.jsx +81 -0
  410. package/src/widgets/__tests__/numeric-input_test.jsx +574 -0
  411. package/src/widgets/__tests__/orderer_test.jsx +75 -0
  412. package/src/widgets/__tests__/passage-ref_test.jsx +166 -0
  413. package/src/widgets/__tests__/passage_test.jsx +133 -0
  414. package/src/widgets/__tests__/radio/base-radio_test.jsx +82 -0
  415. package/src/widgets/__tests__/radio_test.jsx +651 -0
  416. package/src/widgets/__tests__/renderQuestion.jsx +65 -0
  417. package/src/widgets/__tests__/unit_test.jsx +144 -0
  418. package/src/widgets/__tests__/video_test.jsx +55 -0
  419. package/src/widgets/categorizer.jsx +338 -0
  420. package/src/widgets/cs-program.jsx +228 -0
  421. package/src/widgets/definition.jsx +141 -0
  422. package/src/widgets/dropdown.jsx +143 -0
  423. package/src/widgets/explanation.jsx +315 -0
  424. package/src/widgets/expression.jsx +654 -0
  425. package/src/widgets/graded-group-answer-bar.jsx +152 -0
  426. package/src/widgets/graded-group-set.jsx +285 -0
  427. package/src/widgets/graded-group.jsx +448 -0
  428. package/src/widgets/grapher/util.jsx +819 -0
  429. package/src/widgets/grapher.jsx +658 -0
  430. package/src/widgets/group.jsx +213 -0
  431. package/src/widgets/iframe.jsx +199 -0
  432. package/src/widgets/image.jsx +309 -0
  433. package/src/widgets/input-number.jsx +410 -0
  434. package/src/widgets/interaction/arrow-picker.jsx +39 -0
  435. package/src/widgets/interaction/color-picker.jsx +69 -0
  436. package/src/widgets/interaction/dash-picker.jsx +46 -0
  437. package/src/widgets/interaction/element-container.jsx +97 -0
  438. package/src/widgets/interaction.jsx +742 -0
  439. package/src/widgets/interactive-graph.jsx +2821 -0
  440. package/src/widgets/label-image/__stories__/answer-choices.stories.jsx +93 -0
  441. package/src/widgets/label-image/__stories__/marker.stories.jsx +172 -0
  442. package/src/widgets/label-image/answer-choices.jsx +311 -0
  443. package/src/widgets/label-image/marker.jsx +365 -0
  444. package/src/widgets/label-image/types.js +33 -0
  445. package/src/widgets/label-image.jsx +841 -0
  446. package/src/widgets/label-image_test.js +840 -0
  447. package/src/widgets/lights-puzzle.jsx +356 -0
  448. package/src/widgets/matcher.jsx +271 -0
  449. package/src/widgets/matrix.jsx +615 -0
  450. package/src/widgets/measurer.jsx +215 -0
  451. package/src/widgets/molecule/__tests__/layout_test.jsx +159 -0
  452. package/src/widgets/molecule/__tests__/parser_test.jsx +142 -0
  453. package/src/widgets/molecule/molecule-drawing.jsx +175 -0
  454. package/src/widgets/molecule/molecule-layout.jsx +367 -0
  455. package/src/widgets/molecule/smiles-parser.jsx +300 -0
  456. package/src/widgets/molecule.jsx +172 -0
  457. package/src/widgets/number-line.jsx +858 -0
  458. package/src/widgets/numeric-input.jsx +622 -0
  459. package/src/widgets/orderer.jsx +753 -0
  460. package/src/widgets/passage/__tests__/passage-markdown_test.jsx +382 -0
  461. package/src/widgets/passage/get-line-height-for-node.js +10 -0
  462. package/src/widgets/passage/passage-markdown.jsx +416 -0
  463. package/src/widgets/passage-ref-target.jsx +70 -0
  464. package/src/widgets/passage-ref.jsx +198 -0
  465. package/src/widgets/passage.jsx +601 -0
  466. package/src/widgets/plotter.jsx +1198 -0
  467. package/src/widgets/radio/__stories__/base-radio.stories.jsx +40 -0
  468. package/src/widgets/radio/__stories__/choice-icon.stories.jsx +157 -0
  469. package/src/widgets/radio/__stories__/choice-none-above.stories.jsx +26 -0
  470. package/src/widgets/radio/__stories__/cross-out-button.stories.jsx +64 -0
  471. package/src/widgets/radio/__stories__/cross-out-menu.stories.jsx +59 -0
  472. package/src/widgets/radio/__stories__/cross-out-tooltip.stories.jsx +59 -0
  473. package/src/widgets/radio/__stories__/focus-ring.stories.jsx +38 -0
  474. package/src/widgets/radio/__stories__/option-status.stories.jsx +118 -0
  475. package/src/widgets/radio/__stories__/toggleable-radio-button.stories.jsx +28 -0
  476. package/src/widgets/radio/base-radio.jsx +642 -0
  477. package/src/widgets/radio/choice-icon.jsx +468 -0
  478. package/src/widgets/radio/choice-none-above.jsx +54 -0
  479. package/src/widgets/radio/choice.jsx +692 -0
  480. package/src/widgets/radio/choice.jsx.fixture.js +64 -0
  481. package/src/widgets/radio/cross-out-button.jsx +136 -0
  482. package/src/widgets/radio/cross-out-menu-wrapper.jsx +492 -0
  483. package/src/widgets/radio/cross-out-tooltip.jsx +129 -0
  484. package/src/widgets/radio/focus-ring.jsx +51 -0
  485. package/src/widgets/radio/option-status.jsx +89 -0
  486. package/src/widgets/radio/toggleable-radio-button.jsx +133 -0
  487. package/src/widgets/radio/util.js +32 -0
  488. package/src/widgets/radio/util_test.js +19 -0
  489. package/src/widgets/radio/widget.jsx +470 -0
  490. package/src/widgets/radio.jsx +156 -0
  491. package/src/widgets/reaction-diagram.jsx +136 -0
  492. package/src/widgets/sequence.jsx +140 -0
  493. package/src/widgets/simulator.jsx +808 -0
  494. package/src/widgets/sorter.jsx +146 -0
  495. package/src/widgets/table.jsx +395 -0
  496. package/src/widgets/transformer.jsx +2870 -0
  497. package/src/widgets/unit.jsx +371 -0
  498. package/src/widgets/video-transcript-link.jsx +84 -0
  499. package/src/widgets/video-transcript-link_test.js +211 -0
  500. package/src/widgets/video.jsx +131 -0
  501. package/src/widgets.js +431 -0
  502. package/src/zoom.js +539 -0
  503. package/src/__tests__/index.test.js +0 -14
package/src/widgets/__tests__/__snapshots__/matcher_test.jsx.snap ADDED
@@ -0,0 +1,1039 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`matcher widget can reorder options: moved items 1`] = `
4
+ <div>
5
+ <span
6
+ class="mock-KatexProvider"
7
+ >
8
+ <div
9
+ class="perseus-renderer perseus-renderer-responsive"
10
+ >
11
+ <div
12
+ class="paragraph"
13
+ data-perseus-paragraph-index="0"
14
+ >
15
+ <div
16
+ class="paragraph"
17
+ >
18
+ <strong>
19
+ Match each claim with its supporting evidence.
20
+ </strong>
21
+ </div>
22
+ </div>
23
+ <div
24
+ class="paragraph"
25
+ data-perseus-paragraph-index="1"
26
+ >
27
+ <div
28
+ class="paragraph"
29
+ >
30
+ <div
31
+ class="perseus-widget-container widget-nohighlight widget-block"
32
+ >
33
+ <table
34
+ class="widget_lf609f perseus-widget-matcher"
35
+ >
36
+ <tbody>
37
+ <tr
38
+ class="row_tykfnp"
39
+ >
40
+ <th
41
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
42
+ >
43
+ <span
44
+ class="mock-KatexProvider"
45
+ >
46
+ <div
47
+ class="perseus-renderer perseus-renderer-responsive"
48
+ >
49
+ <div
50
+ class="paragraph"
51
+ data-perseus-paragraph-index="0"
52
+ >
53
+ <div
54
+ class="paragraph"
55
+ >
56
+ <strong>
57
+ Claims
58
+ </strong>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </span>
63
+ </th>
64
+ <th
65
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
66
+ >
67
+ <span
68
+ class="mock-KatexProvider"
69
+ >
70
+ <div
71
+ class="perseus-renderer perseus-renderer-responsive"
72
+ >
73
+ <div
74
+ class="paragraph"
75
+ data-perseus-paragraph-index="0"
76
+ >
77
+ <div
78
+ class="paragraph"
79
+ >
80
+ <strong>
81
+ Evidence
82
+ </strong>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </span>
87
+ </th>
88
+ </tr>
89
+ <tr
90
+ class="row_tykfnp"
91
+ >
92
+ <td
93
+ class="column_4at8du"
94
+ >
95
+ <ul
96
+ class="sortable_13d4756 perseus-sortable"
97
+ >
98
+ <li
99
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
100
+ style="position: static; margin: 0px 0px 5px 0px;"
101
+ >
102
+ <span
103
+ class="mock-KatexProvider"
104
+ >
105
+ <div
106
+ class="perseus-renderer perseus-renderer-responsive"
107
+ >
108
+ <div
109
+ class="paragraph"
110
+ data-perseus-paragraph-index="0"
111
+ >
112
+ <div
113
+ class="paragraph"
114
+ >
115
+ Average global temperatures will rise
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </span>
120
+ </li>
121
+ <li
122
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
123
+ style="position: static; margin: 0px 0px 5px 0px;"
124
+ >
125
+ <span
126
+ class="mock-KatexProvider"
127
+ >
128
+ <div
129
+ class="perseus-renderer perseus-renderer-responsive"
130
+ >
131
+ <div
132
+ class="paragraph"
133
+ data-perseus-paragraph-index="0"
134
+ >
135
+ <div
136
+ class="paragraph"
137
+ >
138
+ Our Sun will run out of fuel and die in around 5 billion years
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </span>
143
+ </li>
144
+ <li
145
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
146
+ style="position: static; margin: 0px 0px 5px 0px;"
147
+ >
148
+ <span
149
+ class="mock-KatexProvider"
150
+ >
151
+ <div
152
+ class="perseus-renderer perseus-renderer-responsive"
153
+ >
154
+ <div
155
+ class="paragraph"
156
+ data-perseus-paragraph-index="0"
157
+ >
158
+ <div
159
+ class="paragraph"
160
+ >
161
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </span>
166
+ </li>
167
+ <li
168
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
169
+ style="position: static; margin: 0px 0px 5px 0px;"
170
+ >
171
+ <span
172
+ class="mock-KatexProvider"
173
+ >
174
+ <div
175
+ class="perseus-renderer perseus-renderer-responsive"
176
+ >
177
+ <div
178
+ class="paragraph"
179
+ data-perseus-paragraph-index="0"
180
+ >
181
+ <div
182
+ class="paragraph"
183
+ >
184
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </span>
189
+ </li>
190
+ <li
191
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
192
+ style="position: static; margin: 0px;"
193
+ >
194
+ <span
195
+ class="mock-KatexProvider"
196
+ >
197
+ <div
198
+ class="perseus-renderer perseus-renderer-responsive"
199
+ >
200
+ <div
201
+ class="paragraph"
202
+ data-perseus-paragraph-index="0"
203
+ >
204
+ <div
205
+ class="paragraph"
206
+ >
207
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </span>
212
+ </li>
213
+ </ul>
214
+ </td>
215
+ <td
216
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
217
+ >
218
+ <ul
219
+ class="sortable_13d4756 perseus-sortable"
220
+ >
221
+ <li
222
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
223
+ style="position: static; margin: 0px 0px 5px 0px;"
224
+ >
225
+ <span
226
+ class="mock-KatexProvider"
227
+ >
228
+ <div
229
+ class="perseus-renderer perseus-renderer-responsive"
230
+ >
231
+ <div
232
+ class="paragraph"
233
+ data-perseus-paragraph-index="0"
234
+ >
235
+ <div
236
+ class="paragraph"
237
+ >
238
+ Rapid escalation of greenhouse gas emissions
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </span>
243
+ </li>
244
+ <li
245
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
246
+ style="position: static; margin: 0px 0px 5px 0px;"
247
+ >
248
+ <span
249
+ class="mock-KatexProvider"
250
+ >
251
+ <div
252
+ class="perseus-renderer perseus-renderer-responsive"
253
+ >
254
+ <div
255
+ class="paragraph"
256
+ data-perseus-paragraph-index="0"
257
+ >
258
+ <div
259
+ class="paragraph"
260
+ >
261
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </span>
266
+ </li>
267
+ <li
268
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
269
+ style="position: static; margin: 0px 0px 5px 0px;"
270
+ >
271
+ <span
272
+ class="mock-KatexProvider"
273
+ >
274
+ <div
275
+ class="perseus-renderer perseus-renderer-responsive"
276
+ >
277
+ <div
278
+ class="paragraph"
279
+ data-perseus-paragraph-index="0"
280
+ >
281
+ <div
282
+ class="paragraph"
283
+ >
284
+ Medium-sized stars typically exist for roughly 10 billion years
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </span>
289
+ </li>
290
+ <li
291
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
292
+ style="position: static; margin: 0px 0px 5px 0px;"
293
+ >
294
+ <span
295
+ class="mock-KatexProvider"
296
+ >
297
+ <div
298
+ class="perseus-renderer perseus-renderer-responsive"
299
+ >
300
+ <div
301
+ class="paragraph"
302
+ data-perseus-paragraph-index="0"
303
+ >
304
+ <div
305
+ class="paragraph"
306
+ >
307
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
308
+ </div>
309
+ </div>
310
+ </div>
311
+ </span>
312
+ </li>
313
+ <li
314
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
315
+ style="position: static; margin: 0px;"
316
+ >
317
+ <span
318
+ class="mock-KatexProvider"
319
+ >
320
+ <div
321
+ class="perseus-renderer perseus-renderer-responsive"
322
+ >
323
+ <div
324
+ class="paragraph"
325
+ data-perseus-paragraph-index="0"
326
+ >
327
+ <div
328
+ class="paragraph"
329
+ >
330
+ The current trajectory of the Earth’s tectonic plate movement
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </span>
335
+ </li>
336
+ </ul>
337
+ </td>
338
+ </tr>
339
+ </tbody>
340
+ </table>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </span>
346
+ </div>
347
+ `;
348
+
349
+ exports[`matcher widget should snapshot on mobile: first mobile render 1`] = `
350
+ <div>
351
+ <span
352
+ class="mock-KatexProvider"
353
+ >
354
+ <div
355
+ class="perseus-renderer perseus-renderer-responsive"
356
+ >
357
+ <div
358
+ class="paragraph"
359
+ data-perseus-paragraph-index="0"
360
+ >
361
+ <div
362
+ class="paragraph"
363
+ >
364
+ <strong>
365
+ Match each claim with its supporting evidence.
366
+ </strong>
367
+ </div>
368
+ </div>
369
+ <div
370
+ class="paragraph"
371
+ data-perseus-paragraph-index="1"
372
+ >
373
+ <div
374
+ class="paragraph"
375
+ >
376
+ <div
377
+ class="perseus-widget-container widget-nohighlight widget-block"
378
+ >
379
+ <table
380
+ class="widget_lf609f perseus-widget-matcher"
381
+ >
382
+ <tbody>
383
+ <tr
384
+ class="row_tykfnp"
385
+ >
386
+ <th
387
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
388
+ >
389
+ <span
390
+ class="mock-KatexProvider"
391
+ >
392
+ <div
393
+ class="perseus-renderer perseus-renderer-responsive"
394
+ >
395
+ <div
396
+ class="paragraph"
397
+ data-perseus-paragraph-index="0"
398
+ >
399
+ <div
400
+ class="paragraph"
401
+ >
402
+ <strong>
403
+ Claims
404
+ </strong>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </span>
409
+ </th>
410
+ <th
411
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
412
+ >
413
+ <span
414
+ class="mock-KatexProvider"
415
+ >
416
+ <div
417
+ class="perseus-renderer perseus-renderer-responsive"
418
+ >
419
+ <div
420
+ class="paragraph"
421
+ data-perseus-paragraph-index="0"
422
+ >
423
+ <div
424
+ class="paragraph"
425
+ >
426
+ <strong>
427
+ Evidence
428
+ </strong>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </span>
433
+ </th>
434
+ </tr>
435
+ <tr
436
+ class="row_tykfnp"
437
+ >
438
+ <td
439
+ class="column_4at8du"
440
+ >
441
+ <ul
442
+ class="sortable_13d4756 perseus-sortable"
443
+ >
444
+ <li
445
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
446
+ style="position: static; margin: 0px 0px 8px 0px;"
447
+ >
448
+ <span
449
+ class="mock-KatexProvider"
450
+ >
451
+ <div
452
+ class="perseus-renderer perseus-renderer-responsive"
453
+ >
454
+ <div
455
+ class="paragraph"
456
+ data-perseus-paragraph-index="0"
457
+ >
458
+ <div
459
+ class="paragraph"
460
+ >
461
+ Our Sun will run out of fuel and die in around 5 billion years
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </span>
466
+ </li>
467
+ <li
468
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
469
+ style="position: static; margin: 0px 0px 8px 0px;"
470
+ >
471
+ <span
472
+ class="mock-KatexProvider"
473
+ >
474
+ <div
475
+ class="perseus-renderer perseus-renderer-responsive"
476
+ >
477
+ <div
478
+ class="paragraph"
479
+ data-perseus-paragraph-index="0"
480
+ >
481
+ <div
482
+ class="paragraph"
483
+ >
484
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
485
+ </div>
486
+ </div>
487
+ </div>
488
+ </span>
489
+ </li>
490
+ <li
491
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
492
+ style="position: static; margin: 0px 0px 8px 0px;"
493
+ >
494
+ <span
495
+ class="mock-KatexProvider"
496
+ >
497
+ <div
498
+ class="perseus-renderer perseus-renderer-responsive"
499
+ >
500
+ <div
501
+ class="paragraph"
502
+ data-perseus-paragraph-index="0"
503
+ >
504
+ <div
505
+ class="paragraph"
506
+ >
507
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
508
+ </div>
509
+ </div>
510
+ </div>
511
+ </span>
512
+ </li>
513
+ <li
514
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
515
+ style="position: static; margin: 0px 0px 8px 0px;"
516
+ >
517
+ <span
518
+ class="mock-KatexProvider"
519
+ >
520
+ <div
521
+ class="perseus-renderer perseus-renderer-responsive"
522
+ >
523
+ <div
524
+ class="paragraph"
525
+ data-perseus-paragraph-index="0"
526
+ >
527
+ <div
528
+ class="paragraph"
529
+ >
530
+ Average global temperatures will rise
531
+ </div>
532
+ </div>
533
+ </div>
534
+ </span>
535
+ </li>
536
+ <li
537
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
538
+ style="position: static; margin: 0px;"
539
+ >
540
+ <span
541
+ class="mock-KatexProvider"
542
+ >
543
+ <div
544
+ class="perseus-renderer perseus-renderer-responsive"
545
+ >
546
+ <div
547
+ class="paragraph"
548
+ data-perseus-paragraph-index="0"
549
+ >
550
+ <div
551
+ class="paragraph"
552
+ >
553
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </span>
558
+ </li>
559
+ </ul>
560
+ </td>
561
+ <td
562
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
563
+ >
564
+ <ul
565
+ class="sortable_13d4756 perseus-sortable"
566
+ >
567
+ <li
568
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
569
+ style="position: static; margin: 0px 0px 8px 0px;"
570
+ >
571
+ <span
572
+ class="mock-KatexProvider"
573
+ >
574
+ <div
575
+ class="perseus-renderer perseus-renderer-responsive"
576
+ >
577
+ <div
578
+ class="paragraph"
579
+ data-perseus-paragraph-index="0"
580
+ >
581
+ <div
582
+ class="paragraph"
583
+ >
584
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
585
+ </div>
586
+ </div>
587
+ </div>
588
+ </span>
589
+ </li>
590
+ <li
591
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
592
+ style="position: static; margin: 0px 0px 8px 0px;"
593
+ >
594
+ <span
595
+ class="mock-KatexProvider"
596
+ >
597
+ <div
598
+ class="perseus-renderer perseus-renderer-responsive"
599
+ >
600
+ <div
601
+ class="paragraph"
602
+ data-perseus-paragraph-index="0"
603
+ >
604
+ <div
605
+ class="paragraph"
606
+ >
607
+ Medium-sized stars typically exist for roughly 10 billion years
608
+ </div>
609
+ </div>
610
+ </div>
611
+ </span>
612
+ </li>
613
+ <li
614
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
615
+ style="position: static; margin: 0px 0px 8px 0px;"
616
+ >
617
+ <span
618
+ class="mock-KatexProvider"
619
+ >
620
+ <div
621
+ class="perseus-renderer perseus-renderer-responsive"
622
+ >
623
+ <div
624
+ class="paragraph"
625
+ data-perseus-paragraph-index="0"
626
+ >
627
+ <div
628
+ class="paragraph"
629
+ >
630
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </span>
635
+ </li>
636
+ <li
637
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
638
+ style="position: static; margin: 0px 0px 8px 0px;"
639
+ >
640
+ <span
641
+ class="mock-KatexProvider"
642
+ >
643
+ <div
644
+ class="perseus-renderer perseus-renderer-responsive"
645
+ >
646
+ <div
647
+ class="paragraph"
648
+ data-perseus-paragraph-index="0"
649
+ >
650
+ <div
651
+ class="paragraph"
652
+ >
653
+ The current trajectory of the Earth’s tectonic plate movement
654
+ </div>
655
+ </div>
656
+ </div>
657
+ </span>
658
+ </li>
659
+ <li
660
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
661
+ style="position: static; margin: 0px;"
662
+ >
663
+ <span
664
+ class="mock-KatexProvider"
665
+ >
666
+ <div
667
+ class="perseus-renderer perseus-renderer-responsive"
668
+ >
669
+ <div
670
+ class="paragraph"
671
+ data-perseus-paragraph-index="0"
672
+ >
673
+ <div
674
+ class="paragraph"
675
+ >
676
+ Rapid escalation of greenhouse gas emissions
677
+ </div>
678
+ </div>
679
+ </div>
680
+ </span>
681
+ </li>
682
+ </ul>
683
+ </td>
684
+ </tr>
685
+ </tbody>
686
+ </table>
687
+ </div>
688
+ </div>
689
+ </div>
690
+ </div>
691
+ </span>
692
+ </div>
693
+ `;
694
+
695
+ exports[`matcher widget should snapshot: first render 1`] = `
696
+ <div>
697
+ <span
698
+ class="mock-KatexProvider"
699
+ >
700
+ <div
701
+ class="perseus-renderer perseus-renderer-responsive"
702
+ >
703
+ <div
704
+ class="paragraph"
705
+ data-perseus-paragraph-index="0"
706
+ >
707
+ <div
708
+ class="paragraph"
709
+ >
710
+ <strong>
711
+ Match each claim with its supporting evidence.
712
+ </strong>
713
+ </div>
714
+ </div>
715
+ <div
716
+ class="paragraph"
717
+ data-perseus-paragraph-index="1"
718
+ >
719
+ <div
720
+ class="paragraph"
721
+ >
722
+ <div
723
+ class="perseus-widget-container widget-nohighlight widget-block"
724
+ >
725
+ <table
726
+ class="widget_lf609f perseus-widget-matcher"
727
+ >
728
+ <tbody>
729
+ <tr
730
+ class="row_tykfnp"
731
+ >
732
+ <th
733
+ class="column_4at8du-o_O-columnLabel_1wdbfym"
734
+ >
735
+ <span
736
+ class="mock-KatexProvider"
737
+ >
738
+ <div
739
+ class="perseus-renderer perseus-renderer-responsive"
740
+ >
741
+ <div
742
+ class="paragraph"
743
+ data-perseus-paragraph-index="0"
744
+ >
745
+ <div
746
+ class="paragraph"
747
+ >
748
+ <strong>
749
+ Claims
750
+ </strong>
751
+ </div>
752
+ </div>
753
+ </div>
754
+ </span>
755
+ </th>
756
+ <th
757
+ class="column_4at8du-o_O-columnRight_1wcmc4d-o_O-columnLabel_1wdbfym"
758
+ >
759
+ <span
760
+ class="mock-KatexProvider"
761
+ >
762
+ <div
763
+ class="perseus-renderer perseus-renderer-responsive"
764
+ >
765
+ <div
766
+ class="paragraph"
767
+ data-perseus-paragraph-index="0"
768
+ >
769
+ <div
770
+ class="paragraph"
771
+ >
772
+ <strong>
773
+ Evidence
774
+ </strong>
775
+ </div>
776
+ </div>
777
+ </div>
778
+ </span>
779
+ </th>
780
+ </tr>
781
+ <tr
782
+ class="row_tykfnp"
783
+ >
784
+ <td
785
+ class="column_4at8du"
786
+ >
787
+ <ul
788
+ class="sortable_13d4756 perseus-sortable"
789
+ >
790
+ <li
791
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
792
+ style="position: static; margin: 0px 0px 5px 0px;"
793
+ >
794
+ <span
795
+ class="mock-KatexProvider"
796
+ >
797
+ <div
798
+ class="perseus-renderer perseus-renderer-responsive"
799
+ >
800
+ <div
801
+ class="paragraph"
802
+ data-perseus-paragraph-index="0"
803
+ >
804
+ <div
805
+ class="paragraph"
806
+ >
807
+ Our Sun will run out of fuel and die in around 5 billion years
808
+ </div>
809
+ </div>
810
+ </div>
811
+ </span>
812
+ </li>
813
+ <li
814
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
815
+ style="position: static; margin: 0px 0px 5px 0px;"
816
+ >
817
+ <span
818
+ class="mock-KatexProvider"
819
+ >
820
+ <div
821
+ class="perseus-renderer perseus-renderer-responsive"
822
+ >
823
+ <div
824
+ class="paragraph"
825
+ data-perseus-paragraph-index="0"
826
+ >
827
+ <div
828
+ class="paragraph"
829
+ >
830
+ Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans
831
+ </div>
832
+ </div>
833
+ </div>
834
+ </span>
835
+ </li>
836
+ <li
837
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
838
+ style="position: static; margin: 0px 0px 5px 0px;"
839
+ >
840
+ <span
841
+ class="mock-KatexProvider"
842
+ >
843
+ <div
844
+ class="perseus-renderer perseus-renderer-responsive"
845
+ >
846
+ <div
847
+ class="paragraph"
848
+ data-perseus-paragraph-index="0"
849
+ >
850
+ <div
851
+ class="paragraph"
852
+ >
853
+ Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die
854
+ </div>
855
+ </div>
856
+ </div>
857
+ </span>
858
+ </li>
859
+ <li
860
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
861
+ style="position: static; margin: 0px 0px 5px 0px;"
862
+ >
863
+ <span
864
+ class="mock-KatexProvider"
865
+ >
866
+ <div
867
+ class="perseus-renderer perseus-renderer-responsive"
868
+ >
869
+ <div
870
+ class="paragraph"
871
+ data-perseus-paragraph-index="0"
872
+ >
873
+ <div
874
+ class="paragraph"
875
+ >
876
+ Average global temperatures will rise
877
+ </div>
878
+ </div>
879
+ </div>
880
+ </span>
881
+ </li>
882
+ <li
883
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1-o_O-disabled_u0qq3k perseus-interactive perseus-sortable-draggable"
884
+ style="position: static; margin: 0px;"
885
+ >
886
+ <span
887
+ class="mock-KatexProvider"
888
+ >
889
+ <div
890
+ class="perseus-renderer perseus-renderer-responsive"
891
+ >
892
+ <div
893
+ class="paragraph"
894
+ data-perseus-paragraph-index="0"
895
+ >
896
+ <div
897
+ class="paragraph"
898
+ >
899
+ In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda
900
+ </div>
901
+ </div>
902
+ </div>
903
+ </span>
904
+ </li>
905
+ </ul>
906
+ </td>
907
+ <td
908
+ class="column_4at8du-o_O-columnRight_1wcmc4d"
909
+ >
910
+ <ul
911
+ class="sortable_13d4756 perseus-sortable"
912
+ >
913
+ <li
914
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
915
+ style="position: static; margin: 0px 0px 5px 0px;"
916
+ >
917
+ <span
918
+ class="mock-KatexProvider"
919
+ >
920
+ <div
921
+ class="perseus-renderer perseus-renderer-responsive"
922
+ >
923
+ <div
924
+ class="paragraph"
925
+ data-perseus-paragraph-index="0"
926
+ >
927
+ <div
928
+ class="paragraph"
929
+ >
930
+ The current trajectory of the Milky Way galaxy and those in its immediate proximity
931
+ </div>
932
+ </div>
933
+ </div>
934
+ </span>
935
+ </li>
936
+ <li
937
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
938
+ style="position: static; margin: 0px 0px 5px 0px;"
939
+ >
940
+ <span
941
+ class="mock-KatexProvider"
942
+ >
943
+ <div
944
+ class="perseus-renderer perseus-renderer-responsive"
945
+ >
946
+ <div
947
+ class="paragraph"
948
+ data-perseus-paragraph-index="0"
949
+ >
950
+ <div
951
+ class="paragraph"
952
+ >
953
+ Medium-sized stars typically exist for roughly 10 billion years
954
+ </div>
955
+ </div>
956
+ </div>
957
+ </span>
958
+ </li>
959
+ <li
960
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
961
+ style="position: static; margin: 0px 0px 5px 0px;"
962
+ >
963
+ <span
964
+ class="mock-KatexProvider"
965
+ >
966
+ <div
967
+ class="perseus-renderer perseus-renderer-responsive"
968
+ >
969
+ <div
970
+ class="paragraph"
971
+ data-perseus-paragraph-index="0"
972
+ >
973
+ <div
974
+ class="paragraph"
975
+ >
976
+ The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf
977
+ </div>
978
+ </div>
979
+ </div>
980
+ </span>
981
+ </li>
982
+ <li
983
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
984
+ style="position: static; margin: 0px 0px 5px 0px;"
985
+ >
986
+ <span
987
+ class="mock-KatexProvider"
988
+ >
989
+ <div
990
+ class="perseus-renderer perseus-renderer-responsive"
991
+ >
992
+ <div
993
+ class="paragraph"
994
+ data-perseus-paragraph-index="0"
995
+ >
996
+ <div
997
+ class="paragraph"
998
+ >
999
+ The current trajectory of the Earth’s tectonic plate movement
1000
+ </div>
1001
+ </div>
1002
+ </div>
1003
+ </span>
1004
+ </li>
1005
+ <li
1006
+ class="card_1s6cuhy-o_O-draggable_12to336-o_O-verticalCard_1gw9js1 perseus-interactive perseus-sortable-draggable"
1007
+ style="position: static; margin: 0px;"
1008
+ >
1009
+ <span
1010
+ class="mock-KatexProvider"
1011
+ >
1012
+ <div
1013
+ class="perseus-renderer perseus-renderer-responsive"
1014
+ >
1015
+ <div
1016
+ class="paragraph"
1017
+ data-perseus-paragraph-index="0"
1018
+ >
1019
+ <div
1020
+ class="paragraph"
1021
+ >
1022
+ Rapid escalation of greenhouse gas emissions
1023
+ </div>
1024
+ </div>
1025
+ </div>
1026
+ </span>
1027
+ </li>
1028
+ </ul>
1029
+ </td>
1030
+ </tr>
1031
+ </tbody>
1032
+ </table>
1033
+ </div>
1034
+ </div>
1035
+ </div>
1036
+ </div>
1037
+ </span>
1038
+ </div>
1039
+ `;