noteInput.spec.jsx.snap 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`NoteInput renders 1`] = `
  3. <form
  4. className="activity-field"
  5. noValidate={true}
  6. onSubmit={[Function]}
  7. >
  8. <div
  9. className="activity-notes"
  10. >
  11. <NavTabs>
  12. <li
  13. className="active"
  14. >
  15. <a
  16. onClick={[Function]}
  17. >
  18. Write
  19. </a>
  20. </li>
  21. <li
  22. className=""
  23. >
  24. <a
  25. onClick={[Function]}
  26. >
  27. Preview
  28. </a>
  29. </li>
  30. <li
  31. className="markdown"
  32. >
  33. <span
  34. className="icon-markdown"
  35. />
  36. <span
  37. className="supported"
  38. >
  39. Markdown supported
  40. </span>
  41. </li>
  42. </NavTabs>
  43. <withDefaultStyle(MentionsInput)
  44. autoFocus={true}
  45. displayTransform={[Function]}
  46. markup="**[sentry.strip:__type__]__display__**"
  47. onChange={[Function]}
  48. onKeyDown={[Function]}
  49. placeholder="Add details or updates to this event.
  50. Tag users with @, or teams with #"
  51. required={true}
  52. style={
  53. Object {
  54. "&multiLine": Object {
  55. "control": Object {
  56. "fontFamily": "Rubik, Avenir Next, Helvetica Neue, sans-serif",
  57. },
  58. "highlighter": Object {
  59. "padding": 20,
  60. },
  61. "input": Object {
  62. "border": 0,
  63. "minHeight": 140,
  64. "outline": 0,
  65. "overflow": "auto",
  66. "padding": "15px 20px 0",
  67. },
  68. },
  69. "&singleLine": Object {
  70. "control": Object {
  71. "display": "inline-block",
  72. "width": 130,
  73. },
  74. "highlighter": Object {
  75. "border": "2px inset transparent",
  76. "padding": 1,
  77. },
  78. "input": Object {
  79. "border": "2px inset",
  80. "padding": 1,
  81. },
  82. },
  83. "control": Object {
  84. "backgroundColor": "#fff",
  85. "fontSize": 15,
  86. "fontWeight": "normal",
  87. },
  88. "input": Object {
  89. "margin": 0,
  90. },
  91. "suggestions": Object {
  92. "item": Object {
  93. "&focused": Object {
  94. "backgroundColor": "#f8f6f9",
  95. },
  96. "borderBottom": "1px solid rgba(0,0,0,0.15)",
  97. "padding": "5px 15px",
  98. },
  99. "list": Object {
  100. "backgroundColor": "white",
  101. "border": "1px solid rgba(0,0,0,0.15)",
  102. "fontSize": 12,
  103. "maxHeight": 150,
  104. "overflow": "auto",
  105. },
  106. },
  107. }
  108. }
  109. value=""
  110. >
  111. <withDefaultStyle()
  112. appendSpaceOnAdd={true}
  113. data={Array []}
  114. isLoading={false}
  115. onAdd={[Function]}
  116. onRemove={[Function]}
  117. renderSuggestion={null}
  118. trigger="@"
  119. type="member"
  120. />
  121. <withDefaultStyle()
  122. appendSpaceOnAdd={true}
  123. data={Array []}
  124. isLoading={false}
  125. onAdd={[Function]}
  126. onRemove={[Function]}
  127. renderSuggestion={null}
  128. trigger="#"
  129. type="team"
  130. />
  131. </withDefaultStyle(MentionsInput)>
  132. <div
  133. className="activity-actions"
  134. >
  135. <button
  136. className="btn btn-default"
  137. disabled={false}
  138. type="submit"
  139. >
  140. Post Comment
  141. </button>
  142. </div>
  143. </div>
  144. </form>
  145. `;