radioGroup.spec.jsx.snap 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`RadioGroup render() can select a different item 1`] = `
  3. <div
  4. name="radio"
  5. role="radiogroup"
  6. >
  7. <RadioLineItem
  8. aria-checked={false}
  9. index={0}
  10. key="0"
  11. onClick={[Function]}
  12. role="radio"
  13. tabIndex={-1}
  14. >
  15. <RadioLineButton />
  16. <RadioLineText>
  17. Choice One
  18. </RadioLineText>
  19. </RadioLineItem>
  20. <RadioLineItem
  21. aria-checked={false}
  22. index={1}
  23. key="1"
  24. onClick={[Function]}
  25. role="radio"
  26. tabIndex={-1}
  27. >
  28. <RadioLineButton />
  29. <RadioLineText>
  30. Choice Two
  31. </RadioLineText>
  32. </RadioLineItem>
  33. <RadioLineItem
  34. aria-checked={true}
  35. index={2}
  36. key="2"
  37. onClick={[Function]}
  38. role="radio"
  39. tabIndex={0}
  40. >
  41. <RadioLineButton>
  42. <RadioLineButtonFill
  43. animate={true}
  44. />
  45. </RadioLineButton>
  46. <RadioLineText>
  47. Choice Three
  48. </RadioLineText>
  49. </RadioLineItem>
  50. </div>
  51. `;
  52. exports[`RadioGroup render() renders 1`] = `
  53. <div
  54. name="radio"
  55. role="radiogroup"
  56. >
  57. <RadioLineItem
  58. aria-checked={true}
  59. index={0}
  60. key="0"
  61. onClick={[Function]}
  62. role="radio"
  63. tabIndex={0}
  64. >
  65. <RadioLineButton>
  66. <RadioLineButtonFill
  67. animate={true}
  68. />
  69. </RadioLineButton>
  70. <RadioLineText>
  71. Choice One
  72. </RadioLineText>
  73. </RadioLineItem>
  74. <RadioLineItem
  75. aria-checked={false}
  76. index={1}
  77. key="1"
  78. onClick={[Function]}
  79. role="radio"
  80. tabIndex={-1}
  81. >
  82. <RadioLineButton />
  83. <RadioLineText>
  84. Choice Two
  85. </RadioLineText>
  86. </RadioLineItem>
  87. <RadioLineItem
  88. aria-checked={false}
  89. index={2}
  90. key="2"
  91. onClick={[Function]}
  92. role="radio"
  93. tabIndex={-1}
  94. >
  95. <RadioLineButton />
  96. <RadioLineText>
  97. Choice Three
  98. </RadioLineText>
  99. </RadioLineItem>
  100. </div>
  101. `;
  102. exports[`RadioGroup render() renders disabled 1`] = `
  103. <RadioGroup
  104. choices={
  105. Array [
  106. Array [
  107. "choice_one",
  108. "Choice One",
  109. ],
  110. ]
  111. }
  112. disabled={true}
  113. name="radio"
  114. value="choice_one"
  115. >
  116. <div
  117. name="radio"
  118. role="radiogroup"
  119. >
  120. <RadioLineItem
  121. aria-checked={true}
  122. disabled={true}
  123. index={0}
  124. key="0"
  125. onClick={[Function]}
  126. role="radio"
  127. tabIndex={0}
  128. >
  129. <Component
  130. aria-checked={true}
  131. className="css-1h3kzqs-RadioLineItem eeb3g7x1"
  132. disabled={true}
  133. index={0}
  134. onClick={[Function]}
  135. role="radio"
  136. tabIndex={0}
  137. >
  138. <div
  139. aria-checked={true}
  140. className="css-1h3kzqs-RadioLineItem eeb3g7x1"
  141. index={0}
  142. onClick={[Function]}
  143. role="radio"
  144. tabIndex={0}
  145. >
  146. <RadioLineButton>
  147. <div
  148. className="css-18yerb2-RadioLineButton eeb3g7x0"
  149. >
  150. <RadioLineButtonFill
  151. animate={true}
  152. disabled={true}
  153. >
  154. <Component
  155. animate={true}
  156. className="css-14bkqla-RadioLineButtonFill eeb3g7x2"
  157. disabled={true}
  158. >
  159. <div
  160. className="css-14bkqla-RadioLineButtonFill eeb3g7x2"
  161. />
  162. </Component>
  163. </RadioLineButtonFill>
  164. </div>
  165. </RadioLineButton>
  166. <RadioLineText
  167. disabled={true}
  168. >
  169. <Component
  170. className="css-fr9tlv-RadioLineText eeb3g7x3"
  171. disabled={true}
  172. >
  173. <div
  174. className="css-fr9tlv-RadioLineText eeb3g7x3"
  175. >
  176. Choice One
  177. </div>
  178. </Component>
  179. </RadioLineText>
  180. </div>
  181. </Component>
  182. </RadioLineItem>
  183. </div>
  184. </RadioGroup>
  185. `;