accordion.snapshots.js (5524B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 "use strict"; 5 6 window._snapshots = { 7 "Accordion basic render.": { 8 type: "ul", 9 props: { 10 className: "accordion", 11 tabIndex: -1, 12 }, 13 children: [ 14 { 15 type: "li", 16 props: { 17 id: "accordion-item-1", 18 className: "accordion-item", 19 "aria-labelledby": "accordion-item-1-header", 20 }, 21 children: [ 22 { 23 type: "h2", 24 props: { 25 id: "accordion-item-1-header", 26 className: "accordion-header", 27 "aria-expanded": false, 28 "aria-label": "Test Accordion Item 1", 29 }, 30 children: [ 31 { 32 type: "button", 33 props: { 34 className: "accordion-toggle", 35 onClick: "event => this.onHeaderClick(event, item)", 36 }, 37 children: [ 38 { 39 type: "span", 40 props: { 41 className: "theme-twisty", 42 role: "presentation", 43 }, 44 children: null, 45 }, 46 { 47 type: "span", 48 props: { 49 className: "accordion-header-label", 50 }, 51 children: ["Test Accordion Item 1"], 52 }, 53 ], 54 }, 55 ], 56 }, 57 { 58 type: "div", 59 props: { 60 className: "accordion-content", 61 hidden: true, 62 role: "presentation", 63 }, 64 children: null, 65 }, 66 ], 67 }, 68 { 69 type: "li", 70 props: { 71 id: "accordion-item-2", 72 className: "accordion-item", 73 "aria-labelledby": "accordion-item-2-header", 74 }, 75 children: [ 76 { 77 type: "h2", 78 props: { 79 id: "accordion-item-2-header", 80 className: "accordion-header", 81 "aria-expanded": false, 82 "aria-label": "Test Accordion Item 2", 83 }, 84 children: [ 85 { 86 type: "button", 87 props: { 88 className: "accordion-toggle", 89 onClick: "event => this.onHeaderClick(event, item)", 90 }, 91 children: [ 92 { 93 type: "span", 94 props: { 95 className: "theme-twisty", 96 role: "presentation", 97 }, 98 children: null, 99 }, 100 { 101 type: "span", 102 props: { 103 className: "accordion-header-label", 104 }, 105 children: ["Test Accordion Item 2"], 106 }, 107 ], 108 }, 109 { 110 type: "span", 111 props: { 112 className: "accordion-header-buttons", 113 role: "presentation", 114 }, 115 children: [ 116 { 117 type: "button", 118 props: {}, 119 children: null, 120 }, 121 ], 122 }, 123 ], 124 }, 125 { 126 type: "div", 127 props: { 128 className: "accordion-content", 129 hidden: true, 130 role: "presentation", 131 }, 132 children: null, 133 }, 134 ], 135 }, 136 { 137 type: "li", 138 props: { 139 id: "accordion-item-3", 140 className: "accordion-item accordion-open", 141 "aria-labelledby": "accordion-item-3-header", 142 }, 143 children: [ 144 { 145 type: "h2", 146 props: { 147 id: "accordion-item-3-header", 148 className: "accordion-header", 149 "aria-expanded": true, 150 "aria-label": "Test Accordion Item 3", 151 }, 152 children: [ 153 { 154 type: "button", 155 props: { 156 className: "accordion-toggle", 157 onClick: "event => this.onHeaderClick(event, item)", 158 }, 159 children: [ 160 { 161 type: "span", 162 props: { 163 className: "theme-twisty open", 164 role: "presentation", 165 }, 166 children: null, 167 }, 168 { 169 type: "span", 170 props: { 171 className: "accordion-header-label", 172 }, 173 children: ["Test Accordion Item 3"], 174 }, 175 ], 176 }, 177 ], 178 }, 179 { 180 type: "div", 181 props: { 182 className: "accordion-content", 183 hidden: false, 184 role: "presentation", 185 }, 186 children: [ 187 { 188 type: "div", 189 props: {}, 190 children: null, 191 }, 192 ], 193 }, 194 ], 195 }, 196 ], 197 }, 198 };