Fable/tests/React/__tests__/__snapshots__/JSX_API.fs.js.snap at 6475d4024b0503c2b9bc20d9ae186385826a0db1 · fable-compiler/Fable · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`JSX API tests (using React) Element can have a match arm that binds a value before a for loop 1`] = `
<div>
  <div>
    <div>
      4
    </div>
    <div>
      5
    </div>
    <div>
      6
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have a sibling before a match arm that binds a value before a for loop 1`] = `
<div>
  <div>
    <div>
      Header
    </div>
    <div>
      4
    </div>
    <div>
      5
    </div>
    <div>
      6
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have for loops 1`] = `
<div>
  <div>
    <div>
      Hello
    </div>
    <div>
      0
    </div>
    <div>
      1
    </div>
    <div>
      2
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have mix of element and list 1`] = `
<div>
  <div>
    <div>
      Test 1
    </div>
    <div>
      Test 2
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have multi level mix of element and list 1`] = `
<div>
  <div>
    <div>
      Test 1
    </div>
    <div>
      Test 2
    </div>
    <div>
      <div>
        Test 2.1
      </div>
      <div>
        Test 2.2
      </div>
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have multiple nested list 1`] = `
<div>
  <div>
    <div>
      Test 1
    </div>
    <div>
      Test 2
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have nested list 1`] = `
<div>
  <div>
    <div>
      Test 1
    </div>
    <div>
      Test 2
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Element can have text directly in them 1`] = `
<div>
  <div>
    Test 1
  </div>
</div>
`;

exports[`JSX API tests (using React) Elements can have attributes 1`] = `
<div>
  <div
    class="header"
  >
    <div>
      Test 1
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Fragments are supported 1`] = `
<div>
  <div>
    <div>
      Test 1
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that condition without else branch works if condition is False 1`] = `
<div>
  <div>
    <div>
      I show always!
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that condition without else branch works if condition is True 1`] = `
<div>
  <div>
    <div>
      I show sometimes!
    </div>
    <div>
      I show always!
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that non optimised condition works 1`] = `
<div>
  <div>
    <div>
      false
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that optimised condition works for the false branch 1`] = `
<div>
  <div>
    <div>
      false
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that optimised condition works for the true branch 1`] = `
<div>
  <div>
    <div>
      true
    </div>
  </div>
</div>
`;

exports[`JSX API tests (using React) Test that properties can be defined using \`unbox\` 1`] = `
<div>
  <div
    id="myid"
  />
</div>
`;