Browse Source

[+Elena] - #87 Add styling to AttributesSummary

Jordi Coscolla 1 year ago
parent
commit
f9bd52c7a1

BIN
apps/wallet/assets/images/decode-user.png


+ 79 - 10
apps/wallet/screens/AttributesSummary.js

@@ -2,12 +2,14 @@ import React from 'react';
2 2
 import { connect } from 'react-redux';
3 3
 import PropTypes from 'prop-types';
4 4
 import { Constants, SecureStore, WebBrowser } from 'expo';
5
-import { Linking, View, Text } from 'react-native';
5
+import { Linking, View, Text, Image } from 'react-native';
6 6
 import { goToPetitionSummary } from '../application/redux/actions/navigation';
7 7
 import Button from '../application/components/Button/Button';
8 8
 import { addCredential } from '../application/redux/actions/attributes';
9 9
 import { getPetition } from '../application/redux/actions/petition';
10
+import styles from './styles';
10 11
 
12
+const decodeUser = require('../assets/images/decode-user.png');
11 13
 
12 14
 class AttributesSummary extends React.Component {
13 15
   static route = {
@@ -34,6 +36,11 @@ class AttributesSummary extends React.Component {
34 36
     this.props.goToPetitionSummary(this.props.petitionLink);
35 37
   };
36 38
 
39
+  openPetitionInBrowser = () => {
40
+    const petitionUrl = `http://secure-petitions.s3-website-eu-west-1.amazonaws.com/#/${this.props.petition.id}`;
41
+    Linking.openURL(petitionUrl);
42
+  };
43
+
37 44
   openWebBrowserAsync = async () => {
38 45
     const queryParam = encodeURIComponent(Constants.linkingUri);
39 46
     const url = `http://atlantis-decode.s3-website-eu-west-1.amazonaws.com/#/?linkingUri=${queryParam}`;
@@ -45,16 +52,78 @@ class AttributesSummary extends React.Component {
45 52
 
46 53
   render() {
47 54
     return (
48
-      <View>
49
-        <Text>{this.props.petition.title}</Text>
50
-        <Button
51
-          name="Verify with Barcelona Council"
52
-          onPress={this.openWebBrowserAsync}
53
-          style={{
54
-            alignSelf: 'flex-end',
55
-            width: 250,
55
+      <View style={{ flex: 1 }}>
56
+        <View style={{ backgroundColor: '#13A398', flex: 1.2 }}>
57
+          <Image
58
+            style={{
59
+              height: 100,
60
+              alignSelf: 'center',
61
+              resizeMode: 'contain',
62
+              marginVertical: 20,
63
+            }}
64
+            source={decodeUser}
65
+          />
66
+          <Text
67
+            style={{
68
+              alignSelf: 'center',
69
+              fontSize: 16,
70
+              fontWeight: '700',
71
+              color: 'white',
72
+            }}
73
+          >
74
+            Isabella Dominguez
75
+          </Text>
76
+        </View>
77
+
78
+        <View style={{ flex: 1 }}>
79
+          <Text style={{
80
+            color: '#13A398',
81
+            margin: 16,
82
+            marginTop: 30,
83
+            fontSize: 20,
56 84
           }}
57
-        />
85
+          >
86
+            {this.props.petition.title}
87
+          </Text>
88
+          <Text style={{
89
+            color: '#3E393C',
90
+            fontWeight: '900',
91
+            fontSize: 13,
92
+            marginLeft: 16,
93
+          }}
94
+          >
95
+            DECIDIM needs to verify your Barcelona residency.
96
+          </Text>
97
+          <Text style={{
98
+            color: '#3E393C',
99
+            fontWeight: '100',
100
+            fontSize: 13,
101
+            marginLeft: 16,
102
+            marginTop: 8,
103
+          }}
104
+          >
105
+            You can do this with the Barcelona City Council
106
+          </Text>
107
+        </View>
108
+
109
+        <View style={{ flex: 1 }}>
110
+          <Button
111
+            name="Verify with Barcelona Council"
112
+            onPress={this.openWebBrowserAsync}
113
+            style={{
114
+              marginTop: 40,
115
+              alignSelf: 'center',
116
+              width: 250,
117
+            }}
118
+          />
119
+        </View>
120
+        <View style={{ flex: 1 }}>
121
+          <Text
122
+            style={styles.cancelSigningPetition}
123
+            onPress={this.openPetitionInBrowser}
124
+          >Or, cancel signing this petition
125
+          </Text>
126
+        </View>
58 127
       </View>
59 128
     );
60 129
   }

+ 10 - 2
apps/wallet/test/components/AttributesSummary.test.js

@@ -59,8 +59,6 @@ describe('The AttributesSummary page', () => {
59 59
     // Only one button
60 60
     expect(buttonWrapper).toHaveLength(1);
61 61
     expect(buttonWrapper.prop('name')).toEqual('Verify with Barcelona Council');
62
-
63
-    // I see the title
64 62
     expect(buttonWrapper.first().prop('enabled')).toEqual(true);
65 63
   });
66 64
 
@@ -125,4 +123,14 @@ describe('The AttributesSummary page', () => {
125 123
       expect(goToPetitionSummaryMock).toBeCalledWith(somePetitionLink);
126 124
     });
127 125
   });
126
+
127
+  describe('when rendered', () => {
128
+    it('should match this snapshot', () => {
129
+      const wrapper = shallow(
130
+        <AttributesSummary />,
131
+        { context: { store: mockStore(initialState) } },
132
+      );
133
+      expect(wrapper.dive()).toMatchSnapshot();
134
+    });
135
+  });
128 136
 });

+ 942 - 0
apps/wallet/test/components/__snapshots__/AttributesSummary.test.js.snap

@@ -0,0 +1,942 @@
1
+// Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+exports[`The AttributesSummary page when rendered should match this snapshot 1`] = `
4
+ShallowWrapper {
5
+  "length": 1,
6
+  Symbol(enzyme.__root__): [Circular],
7
+  Symbol(enzyme.__unrendered__): <AttributesSummary
8
+    addCredential={[Function]}
9
+    attributes={
10
+      Object {
11
+        "isRequiredAttributeEnabled": false,
12
+        "list": Array [],
13
+        "optionalAttributesToggleStatus": Object {
14
+          "age": false,
15
+          "gender": false,
16
+        },
17
+      }
18
+    }
19
+    getPetition={[Function]}
20
+    goToPetitionSummary={[Function]}
21
+    petition={Object {}}
22
+    petitionLink="http://something.com"
23
+    walletId="something"
24
+  />,
25
+  Symbol(enzyme.__renderer__): Object {
26
+    "batchedUpdates": [Function],
27
+    "getNode": [Function],
28
+    "render": [Function],
29
+    "simulateEvent": [Function],
30
+    "unmount": [Function],
31
+  },
32
+  Symbol(enzyme.__node__): Object {
33
+    "instance": null,
34
+    "key": undefined,
35
+    "nodeType": "class",
36
+    "props": Object {
37
+      "children": Array [
38
+        <View
39
+          style={
40
+            Object {
41
+              "backgroundColor": "#13A398",
42
+              "flex": 1.2,
43
+            }
44
+          }
45
+        >
46
+          <Image
47
+            source={1}
48
+            style={
49
+              Object {
50
+                "alignSelf": "center",
51
+                "height": 100,
52
+                "marginVertical": 20,
53
+                "resizeMode": "contain",
54
+              }
55
+            }
56
+          />
57
+          <Text
58
+            accessible={true}
59
+            allowFontScaling={true}
60
+            ellipsizeMode="tail"
61
+            style={
62
+              Object {
63
+                "alignSelf": "center",
64
+                "color": "white",
65
+                "fontSize": 16,
66
+                "fontWeight": "700",
67
+              }
68
+            }
69
+          >
70
+            Isabella Dominguez
71
+          </Text>
72
+        </View>,
73
+        <View
74
+          style={
75
+            Object {
76
+              "flex": 1,
77
+            }
78
+          }
79
+        >
80
+          <Text
81
+            accessible={true}
82
+            allowFontScaling={true}
83
+            ellipsizeMode="tail"
84
+            style={
85
+              Object {
86
+                "color": "#13A398",
87
+                "fontSize": 20,
88
+                "margin": 16,
89
+                "marginTop": 30,
90
+              }
91
+            }
92
+          />
93
+          <Text
94
+            accessible={true}
95
+            allowFontScaling={true}
96
+            ellipsizeMode="tail"
97
+            style={
98
+              Object {
99
+                "color": "#3E393C",
100
+                "fontSize": 13,
101
+                "fontWeight": "900",
102
+                "marginLeft": 16,
103
+              }
104
+            }
105
+          >
106
+            DECIDIM needs to verify your Barcelona residency.
107
+          </Text>
108
+          <Text
109
+            accessible={true}
110
+            allowFontScaling={true}
111
+            ellipsizeMode="tail"
112
+            style={
113
+              Object {
114
+                "color": "#3E393C",
115
+                "fontSize": 13,
116
+                "fontWeight": "100",
117
+                "marginLeft": 16,
118
+                "marginTop": 8,
119
+              }
120
+            }
121
+          >
122
+            You can do this with the Barcelona City Council
123
+          </Text>
124
+        </View>,
125
+        <View
126
+          style={
127
+            Object {
128
+              "flex": 1,
129
+            }
130
+          }
131
+        >
132
+          <Button
133
+            enabled={true}
134
+            name="Verify with Barcelona Council"
135
+            onPress={[Function]}
136
+            style={
137
+              Object {
138
+                "alignSelf": "center",
139
+                "marginTop": 40,
140
+                "width": 250,
141
+              }
142
+            }
143
+          />
144
+        </View>,
145
+        <View
146
+          style={
147
+            Object {
148
+              "flex": 1,
149
+            }
150
+          }
151
+        >
152
+          <Text
153
+            accessible={true}
154
+            allowFontScaling={true}
155
+            ellipsizeMode="tail"
156
+            onPress={[Function]}
157
+            style={
158
+              Object {
159
+                "alignSelf": "center",
160
+                "color": "#00F",
161
+                "fontSize": 14,
162
+                "fontWeight": "500",
163
+                "marginVertical": 20,
164
+                "textDecorationLine": "underline",
165
+              }
166
+            }
167
+          >
168
+            Or, cancel signing this petition
169
+          </Text>
170
+        </View>,
171
+      ],
172
+      "style": Object {
173
+        "flex": 1,
174
+      },
175
+    },
176
+    "ref": null,
177
+    "rendered": Array [
178
+      Object {
179
+        "instance": null,
180
+        "key": undefined,
181
+        "nodeType": "class",
182
+        "props": Object {
183
+          "children": Array [
184
+            <Image
185
+              source={1}
186
+              style={
187
+                Object {
188
+                  "alignSelf": "center",
189
+                  "height": 100,
190
+                  "marginVertical": 20,
191
+                  "resizeMode": "contain",
192
+                }
193
+              }
194
+            />,
195
+            <Text
196
+              accessible={true}
197
+              allowFontScaling={true}
198
+              ellipsizeMode="tail"
199
+              style={
200
+                Object {
201
+                  "alignSelf": "center",
202
+                  "color": "white",
203
+                  "fontSize": 16,
204
+                  "fontWeight": "700",
205
+                }
206
+              }
207
+            >
208
+              Isabella Dominguez
209
+            </Text>,
210
+          ],
211
+          "style": Object {
212
+            "backgroundColor": "#13A398",
213
+            "flex": 1.2,
214
+          },
215
+        },
216
+        "ref": null,
217
+        "rendered": Array [
218
+          Object {
219
+            "instance": null,
220
+            "key": undefined,
221
+            "nodeType": "class",
222
+            "props": Object {
223
+              "source": 1,
224
+              "style": Object {
225
+                "alignSelf": "center",
226
+                "height": 100,
227
+                "marginVertical": 20,
228
+                "resizeMode": "contain",
229
+              },
230
+            },
231
+            "ref": null,
232
+            "rendered": null,
233
+            "type": [Function],
234
+          },
235
+          Object {
236
+            "instance": null,
237
+            "key": undefined,
238
+            "nodeType": "class",
239
+            "props": Object {
240
+              "accessible": true,
241
+              "allowFontScaling": true,
242
+              "children": "Isabella Dominguez",
243
+              "ellipsizeMode": "tail",
244
+              "style": Object {
245
+                "alignSelf": "center",
246
+                "color": "white",
247
+                "fontSize": 16,
248
+                "fontWeight": "700",
249
+              },
250
+            },
251
+            "ref": null,
252
+            "rendered": "Isabella Dominguez",
253
+            "type": [Function],
254
+          },
255
+        ],
256
+        "type": [Function],
257
+      },
258
+      Object {
259
+        "instance": null,
260
+        "key": undefined,
261
+        "nodeType": "class",
262
+        "props": Object {
263
+          "children": Array [
264
+            <Text
265
+              accessible={true}
266
+              allowFontScaling={true}
267
+              ellipsizeMode="tail"
268
+              style={
269
+                Object {
270
+                  "color": "#13A398",
271
+                  "fontSize": 20,
272
+                  "margin": 16,
273
+                  "marginTop": 30,
274
+                }
275
+              }
276
+            />,
277
+            <Text
278
+              accessible={true}
279
+              allowFontScaling={true}
280
+              ellipsizeMode="tail"
281
+              style={
282
+                Object {
283
+                  "color": "#3E393C",
284
+                  "fontSize": 13,
285
+                  "fontWeight": "900",
286
+                  "marginLeft": 16,
287
+                }
288
+              }
289
+            >
290
+              DECIDIM needs to verify your Barcelona residency.
291
+            </Text>,
292
+            <Text
293
+              accessible={true}
294
+              allowFontScaling={true}
295
+              ellipsizeMode="tail"
296
+              style={
297
+                Object {
298
+                  "color": "#3E393C",
299
+                  "fontSize": 13,
300
+                  "fontWeight": "100",
301
+                  "marginLeft": 16,
302
+                  "marginTop": 8,
303
+                }
304
+              }
305
+            >
306
+              You can do this with the Barcelona City Council
307
+            </Text>,
308
+          ],
309
+          "style": Object {
310
+            "flex": 1,
311
+          },
312
+        },
313
+        "ref": null,
314
+        "rendered": Array [
315
+          Object {
316
+            "instance": null,
317
+            "key": undefined,
318
+            "nodeType": "class",
319
+            "props": Object {
320
+              "accessible": true,
321
+              "allowFontScaling": true,
322
+              "children": undefined,
323
+              "ellipsizeMode": "tail",
324
+              "style": Object {
325
+                "color": "#13A398",
326
+                "fontSize": 20,
327
+                "margin": 16,
328
+                "marginTop": 30,
329
+              },
330
+            },
331
+            "ref": null,
332
+            "rendered": null,
333
+            "type": [Function],
334
+          },
335
+          Object {
336
+            "instance": null,
337
+            "key": undefined,
338
+            "nodeType": "class",
339
+            "props": Object {
340
+              "accessible": true,
341
+              "allowFontScaling": true,
342
+              "children": "DECIDIM needs to verify your Barcelona residency.",
343
+              "ellipsizeMode": "tail",
344
+              "style": Object {
345
+                "color": "#3E393C",
346
+                "fontSize": 13,
347
+                "fontWeight": "900",
348
+                "marginLeft": 16,
349
+              },
350
+            },
351
+            "ref": null,
352
+            "rendered": "DECIDIM needs to verify your Barcelona residency.",
353
+            "type": [Function],
354
+          },
355
+          Object {
356
+            "instance": null,
357
+            "key": undefined,
358
+            "nodeType": "class",
359
+            "props": Object {
360
+              "accessible": true,
361
+              "allowFontScaling": true,
362
+              "children": "You can do this with the Barcelona City Council",
363
+              "ellipsizeMode": "tail",
364
+              "style": Object {
365
+                "color": "#3E393C",
366
+                "fontSize": 13,
367
+                "fontWeight": "100",
368
+                "marginLeft": 16,
369
+                "marginTop": 8,
370
+              },
371
+            },
372
+            "ref": null,
373
+            "rendered": "You can do this with the Barcelona City Council",
374
+            "type": [Function],
375
+          },
376
+        ],
377
+        "type": [Function],
378
+      },
379
+      Object {
380
+        "instance": null,
381
+        "key": undefined,
382
+        "nodeType": "class",
383
+        "props": Object {
384
+          "children": <Button
385
+            enabled={true}
386
+            name="Verify with Barcelona Council"
387
+            onPress={[Function]}
388
+            style={
389
+              Object {
390
+                "alignSelf": "center",
391
+                "marginTop": 40,
392
+                "width": 250,
393
+              }
394
+            }
395
+          />,
396
+          "style": Object {
397
+            "flex": 1,
398
+          },
399
+        },
400
+        "ref": null,
401
+        "rendered": Object {
402
+          "instance": null,
403
+          "key": undefined,
404
+          "nodeType": "function",
405
+          "props": Object {
406
+            "enabled": true,
407
+            "name": "Verify with Barcelona Council",
408
+            "onPress": [Function],
409
+            "style": Object {
410
+              "alignSelf": "center",
411
+              "marginTop": 40,
412
+              "width": 250,
413
+            },
414
+          },
415
+          "ref": null,
416
+          "rendered": null,
417
+          "type": [Function],
418
+        },
419
+        "type": [Function],
420
+      },
421
+      Object {
422
+        "instance": null,
423
+        "key": undefined,
424
+        "nodeType": "class",
425
+        "props": Object {
426
+          "children": <Text
427
+            accessible={true}
428
+            allowFontScaling={true}
429
+            ellipsizeMode="tail"
430
+            onPress={[Function]}
431
+            style={
432
+              Object {
433
+                "alignSelf": "center",
434
+                "color": "#00F",
435
+                "fontSize": 14,
436
+                "fontWeight": "500",
437
+                "marginVertical": 20,
438
+                "textDecorationLine": "underline",
439
+              }
440
+            }
441
+          >
442
+            Or, cancel signing this petition
443
+          </Text>,
444
+          "style": Object {
445
+            "flex": 1,
446
+          },
447
+        },
448
+        "ref": null,
449
+        "rendered": Object {
450
+          "instance": null,
451
+          "key": undefined,
452
+          "nodeType": "class",
453
+          "props": Object {
454
+            "accessible": true,
455
+            "allowFontScaling": true,
456
+            "children": "Or, cancel signing this petition",
457
+            "ellipsizeMode": "tail",
458
+            "onPress": [Function],
459
+            "style": Object {
460
+              "alignSelf": "center",
461
+              "color": "#00F",
462
+              "fontSize": 14,
463
+              "fontWeight": "500",
464
+              "marginVertical": 20,
465
+              "textDecorationLine": "underline",
466
+            },
467
+          },
468
+          "ref": null,
469
+          "rendered": "Or, cancel signing this petition",
470
+          "type": [Function],
471
+        },
472
+        "type": [Function],
473
+      },
474
+    ],
475
+    "type": [Function],
476
+  },
477
+  Symbol(enzyme.__nodes__): Array [
478
+    Object {
479
+      "instance": null,
480
+      "key": undefined,
481
+      "nodeType": "class",
482
+      "props": Object {
483
+        "children": Array [
484
+          <View
485
+            style={
486
+              Object {
487
+                "backgroundColor": "#13A398",
488
+                "flex": 1.2,
489
+              }
490
+            }
491
+          >
492
+            <Image
493
+              source={1}
494
+              style={
495
+                Object {
496
+                  "alignSelf": "center",
497
+                  "height": 100,
498
+                  "marginVertical": 20,
499
+                  "resizeMode": "contain",
500
+                }
501
+              }
502
+            />
503
+            <Text
504
+              accessible={true}
505
+              allowFontScaling={true}
506
+              ellipsizeMode="tail"
507
+              style={
508
+                Object {
509
+                  "alignSelf": "center",
510
+                  "color": "white",
511
+                  "fontSize": 16,
512
+                  "fontWeight": "700",
513
+                }
514
+              }
515
+            >
516
+              Isabella Dominguez
517
+            </Text>
518
+          </View>,
519
+          <View
520
+            style={
521
+              Object {
522
+                "flex": 1,
523
+              }
524
+            }
525
+          >
526
+            <Text
527
+              accessible={true}
528
+              allowFontScaling={true}
529
+              ellipsizeMode="tail"
530
+              style={
531
+                Object {
532
+                  "color": "#13A398",
533
+                  "fontSize": 20,
534
+                  "margin": 16,
535
+                  "marginTop": 30,
536
+                }
537
+              }
538
+            />
539
+            <Text
540
+              accessible={true}
541
+              allowFontScaling={true}
542
+              ellipsizeMode="tail"
543
+              style={
544
+                Object {
545
+                  "color": "#3E393C",
546
+                  "fontSize": 13,
547
+                  "fontWeight": "900",
548
+                  "marginLeft": 16,
549
+                }
550
+              }
551
+            >
552
+              DECIDIM needs to verify your Barcelona residency.
553
+            </Text>
554
+            <Text
555
+              accessible={true}
556
+              allowFontScaling={true}
557
+              ellipsizeMode="tail"
558
+              style={
559
+                Object {
560
+                  "color": "#3E393C",
561
+                  "fontSize": 13,
562
+                  "fontWeight": "100",
563
+                  "marginLeft": 16,
564
+                  "marginTop": 8,
565
+                }
566
+              }
567
+            >
568
+              You can do this with the Barcelona City Council
569
+            </Text>
570
+          </View>,
571
+          <View
572
+            style={
573
+              Object {
574
+                "flex": 1,
575
+              }
576
+            }
577
+          >
578
+            <Button
579
+              enabled={true}
580
+              name="Verify with Barcelona Council"
581
+              onPress={[Function]}
582
+              style={
583
+                Object {
584
+                  "alignSelf": "center",
585
+                  "marginTop": 40,
586
+                  "width": 250,
587
+                }
588
+              }
589
+            />
590
+          </View>,
591
+          <View
592
+            style={
593
+              Object {
594
+                "flex": 1,
595
+              }
596
+            }
597
+          >
598
+            <Text
599
+              accessible={true}
600
+              allowFontScaling={true}
601
+              ellipsizeMode="tail"
602
+              onPress={[Function]}
603
+              style={
604
+                Object {
605
+                  "alignSelf": "center",
606
+                  "color": "#00F",
607
+                  "fontSize": 14,
608
+                  "fontWeight": "500",
609
+                  "marginVertical": 20,
610
+                  "textDecorationLine": "underline",
611
+                }
612
+              }
613
+            >
614
+              Or, cancel signing this petition
615
+            </Text>
616
+          </View>,
617
+        ],
618
+        "style": Object {
619
+          "flex": 1,
620
+        },
621
+      },
622
+      "ref": null,
623
+      "rendered": Array [
624
+        Object {
625
+          "instance": null,
626
+          "key": undefined,
627
+          "nodeType": "class",
628
+          "props": Object {
629
+            "children": Array [
630
+              <Image
631
+                source={1}
632
+                style={
633
+                  Object {
634
+                    "alignSelf": "center",
635
+                    "height": 100,
636
+                    "marginVertical": 20,
637
+                    "resizeMode": "contain",
638
+                  }
639
+                }
640
+              />,
641
+              <Text
642
+                accessible={true}
643
+                allowFontScaling={true}
644
+                ellipsizeMode="tail"
645
+                style={
646
+                  Object {
647
+                    "alignSelf": "center",
648
+                    "color": "white",
649
+                    "fontSize": 16,
650
+                    "fontWeight": "700",
651
+                  }
652
+                }
653
+              >
654
+                Isabella Dominguez
655
+              </Text>,
656
+            ],
657
+            "style": Object {
658
+              "backgroundColor": "#13A398",
659
+              "flex": 1.2,
660
+            },
661
+          },
662
+          "ref": null,
663
+          "rendered": Array [
664
+            Object {
665
+              "instance": null,
666
+              "key": undefined,
667
+              "nodeType": "class",
668
+              "props": Object {
669
+                "source": 1,
670
+                "style": Object {
671
+                  "alignSelf": "center",
672
+                  "height": 100,
673
+                  "marginVertical": 20,
674
+                  "resizeMode": "contain",
675
+                },
676
+              },
677
+              "ref": null,
678
+              "rendered": null,
679
+              "type": [Function],
680
+            },
681
+            Object {
682
+              "instance": null,
683
+              "key": undefined,
684
+              "nodeType": "class",
685
+              "props": Object {
686
+                "accessible": true,
687
+                "allowFontScaling": true,
688
+                "children": "Isabella Dominguez",
689
+                "ellipsizeMode": "tail",
690
+                "style": Object {
691
+                  "alignSelf": "center",
692
+                  "color": "white",
693
+                  "fontSize": 16,
694
+                  "fontWeight": "700",
695
+                },
696
+              },
697
+              "ref": null,
698
+              "rendered": "Isabella Dominguez",
699
+              "type": [Function],
700
+            },
701
+          ],
702
+          "type": [Function],
703
+        },
704
+        Object {
705
+          "instance": null,
706
+          "key": undefined,
707
+          "nodeType": "class",
708
+          "props": Object {
709
+            "children": Array [
710
+              <Text
711
+                accessible={true}
712
+                allowFontScaling={true}
713
+                ellipsizeMode="tail"
714
+                style={
715
+                  Object {
716
+                    "color": "#13A398",
717
+                    "fontSize": 20,
718
+                    "margin": 16,
719
+                    "marginTop": 30,
720
+                  }
721
+                }
722
+              />,
723
+              <Text
724
+                accessible={true}
725
+                allowFontScaling={true}
726
+                ellipsizeMode="tail"
727
+                style={
728
+                  Object {
729
+                    "color": "#3E393C",
730
+                    "fontSize": 13,
731
+                    "fontWeight": "900",
732
+                    "marginLeft": 16,
733
+                  }
734
+                }
735
+              >
736
+                DECIDIM needs to verify your Barcelona residency.
737
+              </Text>,
738
+              <Text
739
+                accessible={true}
740
+                allowFontScaling={true}
741
+                ellipsizeMode="tail"
742
+                style={
743
+                  Object {
744
+                    "color": "#3E393C",
745
+                    "fontSize": 13,
746
+                    "fontWeight": "100",
747
+                    "marginLeft": 16,
748
+                    "marginTop": 8,
749
+                  }
750
+                }
751
+              >
752
+                You can do this with the Barcelona City Council
753
+              </Text>,
754
+            ],
755
+            "style": Object {
756
+              "flex": 1,
757
+            },
758
+          },
759
+          "ref": null,
760
+          "rendered": Array [
761
+            Object {
762
+              "instance": null,
763
+              "key": undefined,
764
+              "nodeType": "class",
765
+              "props": Object {
766
+                "accessible": true,
767
+                "allowFontScaling": true,
768
+                "children": undefined,
769
+                "ellipsizeMode": "tail",
770
+                "style": Object {
771
+                  "color": "#13A398",
772
+                  "fontSize": 20,
773
+                  "margin": 16,
774
+                  "marginTop": 30,
775
+                },
776
+              },
777
+              "ref": null,
778
+              "rendered": null,
779
+              "type": [Function],
780
+            },
781
+            Object {
782
+              "instance": null,
783
+              "key": undefined,
784
+              "nodeType": "class",
785
+              "props": Object {
786
+                "accessible": true,
787
+                "allowFontScaling": true,
788
+                "children": "DECIDIM needs to verify your Barcelona residency.",
789
+                "ellipsizeMode": "tail",
790
+                "style": Object {
791
+                  "color": "#3E393C",
792
+                  "fontSize": 13,
793
+                  "fontWeight": "900",
794
+                  "marginLeft": 16,
795
+                },
796
+              },
797
+              "ref": null,
798
+              "rendered": "DECIDIM needs to verify your Barcelona residency.",
799
+              "type": [Function],
800
+            },
801
+            Object {
802
+              "instance": null,
803
+              "key": undefined,
804
+              "nodeType": "class",
805
+              "props": Object {
806
+                "accessible": true,
807
+                "allowFontScaling": true,
808
+                "children": "You can do this with the Barcelona City Council",
809
+                "ellipsizeMode": "tail",
810
+                "style": Object {
811
+                  "color": "#3E393C",
812
+                  "fontSize": 13,
813
+                  "fontWeight": "100",
814
+                  "marginLeft": 16,
815
+                  "marginTop": 8,
816
+                },
817
+              },
818
+              "ref": null,
819
+              "rendered": "You can do this with the Barcelona City Council",
820
+              "type": [Function],
821
+            },
822
+          ],
823
+          "type": [Function],
824
+        },
825
+        Object {
826
+          "instance": null,
827
+          "key": undefined,
828
+          "nodeType": "class",
829
+          "props": Object {
830
+            "children": <Button
831
+              enabled={true}
832
+              name="Verify with Barcelona Council"
833
+              onPress={[Function]}
834
+              style={
835
+                Object {
836
+                  "alignSelf": "center",
837
+                  "marginTop": 40,
838
+                  "width": 250,
839
+                }
840
+              }
841
+            />,
842
+            "style": Object {
843
+              "flex": 1,
844
+            },
845
+          },
846
+          "ref": null,
847
+          "rendered": Object {
848
+            "instance": null,
849
+            "key": undefined,
850
+            "nodeType": "function",
851
+            "props": Object {
852
+              "enabled": true,
853
+              "name": "Verify with Barcelona Council",
854
+              "onPress": [Function],
855
+              "style": Object {
856
+                "alignSelf": "center",
857
+                "marginTop": 40,
858
+                "width": 250,
859
+              },
860
+            },
861
+            "ref": null,
862
+            "rendered": null,
863
+            "type": [Function],
864
+          },
865
+          "type": [Function],
866
+        },
867
+        Object {
868
+          "instance": null,
869
+          "key": undefined,
870
+          "nodeType": "class",
871
+          "props": Object {
872
+            "children": <Text
873
+              accessible={true}
874
+              allowFontScaling={true}
875
+              ellipsizeMode="tail"
876
+              onPress={[Function]}
877
+              style={
878
+                Object {
879
+                  "alignSelf": "center",
880
+                  "color": "#00F",
881
+                  "fontSize": 14,
882
+                  "fontWeight": "500",
883
+                  "marginVertical": 20,
884
+                  "textDecorationLine": "underline",
885
+                }
886
+              }
887
+            >
888
+              Or, cancel signing this petition
889
+            </Text>,
890
+            "style": Object {
891
+              "flex": 1,
892
+            },
893
+          },
894
+          "ref": null,
895
+          "rendered": Object {
896
+            "instance": null,
897
+            "key": undefined,
898
+            "nodeType": "class",
899
+            "props": Object {
900
+              "accessible": true,
901
+              "allowFontScaling": true,
902
+              "children": "Or, cancel signing this petition",
903
+              "ellipsizeMode": "tail",
904
+              "onPress": [Function],
905
+              "style": Object {
906
+                "alignSelf": "center",
907
+                "color": "#00F",
908
+                "fontSize": 14,
909
+                "fontWeight": "500",
910
+                "marginVertical": 20,
911
+                "textDecorationLine": "underline",
912
+              },
913
+            },
914
+            "ref": null,
915
+            "rendered": "Or, cancel signing this petition",
916
+            "type": [Function],
917
+          },
918
+          "type": [Function],
919
+        },
920
+      ],
921
+      "type": [Function],
922
+    },
923
+  ],
924
+  Symbol(enzyme.__options__): Object {
925
+    "adapter": ReactSixteenAdapter {
926
+      "options": Object {
927
+        "enableComponentDidUpdateOnSetState": true,
928
+      },
929
+    },
930
+    "context": Object {
931
+      "store": Object {
932
+        "clearActions": [Function],
933
+        "dispatch": [Function],
934
+        "getActions": [Function],
935
+        "getState": [Function],
936
+        "replaceReducer": [Function],
937
+        "subscribe": [Function],
938
+      },
939
+    },
940
+  },
941
+}
942
+`;