@financial-times/dotcom-ui-header 9.3.4 → 9.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,1381 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`dotcom-ui-header/src/components/Drawer renders ASK FT button 1`] = `
4
+ <div
5
+ aria-label="Drawer menu"
6
+ aria-modal="true"
7
+ className="o-header__drawer"
8
+ data-o-header-drawer={true}
9
+ data-o-header-drawer--no-js={true}
10
+ data-trackable="drawer"
11
+ data-trackable-terminate={true}
12
+ id="o-header-drawer"
13
+ role="modal"
14
+ >
15
+ <div
16
+ className="o-header__drawer-inner"
17
+ >
18
+ <div
19
+ className="o-header__drawer-tools"
20
+ >
21
+ <button
22
+ aria-controls="o-header-drawer"
23
+ className="o-header__drawer-tools-close"
24
+ data-trackable="close"
25
+ title="Close side navigation menu"
26
+ type="button"
27
+ >
28
+ <span
29
+ className="o-header__visually-hidden"
30
+ >
31
+ Close side navigation menu
32
+ </span>
33
+ </button>
34
+ <a
35
+ className="o-header__drawer-tools-logo"
36
+ data-trackable="logo"
37
+ href="/"
38
+ >
39
+ <span
40
+ className="o-header__visually-hidden"
41
+ >
42
+ Financial Times
43
+ </span>
44
+ </a>
45
+ <p
46
+ className="o-header__drawer-current-edition"
47
+ >
48
+ UK Edition
49
+ </p>
50
+ </div>
51
+ <div
52
+ className="o-header__drawer-actions"
53
+ >
54
+ <a
55
+ className="o-header__drawer-button"
56
+ data-trackable="subscribe-button"
57
+ href="#"
58
+ role="button"
59
+ >
60
+ Subscribe for full access
61
+ </a>
62
+ </div>
63
+ <div
64
+ className="o-header__drawer-search"
65
+ >
66
+ <form
67
+ action="/search"
68
+ aria-label="Site search"
69
+ className="o-header__drawer-search-form"
70
+ data-n-topic-search={true}
71
+ data-n-topic-search-categories="concepts,equities"
72
+ data-n-topic-search-view-all={true}
73
+ role="search"
74
+ >
75
+ <label
76
+ className="o-header__visually-hidden"
77
+ htmlFor="o-header-drawer-search-term"
78
+ >
79
+ Search the
80
+ <abbr
81
+ title="Financial Times"
82
+ >
83
+ FT
84
+ </abbr>
85
+ </label>
86
+ <input
87
+ autoCapitalize="off"
88
+ autoComplete="off"
89
+ autoCorrect="off"
90
+ className="o-header__drawer-search-term"
91
+ data-n-topic-search-input={true}
92
+ data-trackable="search-term"
93
+ id="o-header-drawer-search-term"
94
+ name="q"
95
+ placeholder="Search the FT"
96
+ spellCheck={false}
97
+ type="text"
98
+ />
99
+ <button
100
+ className="o-header__drawer-search-submit"
101
+ data-trackable="search-submit"
102
+ type="submit"
103
+ >
104
+ <span
105
+ className="o-header__visually-hidden"
106
+ >
107
+ Search
108
+ </span>
109
+ </button>
110
+ <a
111
+ className="ft-header__ask-ft-button ft-header__drawer-ask-ft-button"
112
+ data-trackable="ask-ft-button-drawer"
113
+ href="https://ask.ft.com"
114
+ title="ASK FT"
115
+ >
116
+ <span
117
+ className="ft-header__ask-ft-button-label"
118
+ >
119
+ Ask FT
120
+ </span>
121
+ </a>
122
+ </form>
123
+ </div>
124
+ <nav
125
+ aria-label="Edition switcher"
126
+ className="o-header__drawer-menu"
127
+ >
128
+ <ul
129
+ className="o-header__drawer-menu-list"
130
+ >
131
+ <li
132
+ className="o-header__drawer-menu-item"
133
+ data-trackable="edition-switcher"
134
+ >
135
+ <a
136
+ className="o-header__drawer-menu-link"
137
+ data-trackable="international"
138
+ href="#?edition=international"
139
+ >
140
+ Switch to
141
+ International
142
+ Edition
143
+ </a>
144
+ </li>
145
+ </ul>
146
+ </nav>
147
+ <nav
148
+ className="o-header__drawer-menu o-header__drawer-menu--primary"
149
+ >
150
+ <h2
151
+ className="o-header__drawer-menu-item o-header__drawer-menu-item--heading"
152
+ id="top-sections"
153
+ >
154
+ Top sections
155
+ </h2>
156
+ <ul
157
+ aria-labelledby="top-sections"
158
+ className="o-header__drawer-menu-list"
159
+ >
160
+ <li
161
+ className="o-header__drawer-menu-item"
162
+ >
163
+ <a
164
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
165
+ data-trackable="Home"
166
+ href="/"
167
+ >
168
+ Home
169
+ </a>
170
+ </li>
171
+ <li
172
+ className="o-header__drawer-menu-item"
173
+ >
174
+ <div
175
+ className="o-header__drawer-menu-toggle-wrapper"
176
+ >
177
+ <a
178
+ aria-current="page"
179
+ aria-label="World, current page"
180
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--selected o-header__drawer-menu-link--parent"
181
+ data-trackable="World"
182
+ href="/world"
183
+ >
184
+ World
185
+ </a>
186
+ <button
187
+ aria-controls="o-header-drawer-child-1"
188
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--selected"
189
+ data-trackable="sub-level-toggle | World"
190
+ >
191
+ Show more World
192
+ </button>
193
+ </div>
194
+ <ul
195
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
196
+ data-trackable="sub-level"
197
+ id="o-header-drawer-child-1"
198
+ >
199
+ <li
200
+ className="o-header__drawer-menu-item"
201
+ >
202
+ <a
203
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
204
+ data-trackable="Global Economy"
205
+ href="/global-economy"
206
+ >
207
+ Global Economy
208
+ </a>
209
+ </li>
210
+ <li
211
+ className="o-header__drawer-menu-item"
212
+ >
213
+ <a
214
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
215
+ data-trackable="UK"
216
+ href="/world/uk"
217
+ >
218
+ UK
219
+ </a>
220
+ </li>
221
+ <li
222
+ className="o-header__drawer-menu-item"
223
+ >
224
+ <a
225
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
226
+ data-trackable="US"
227
+ href="/world/us"
228
+ >
229
+ US
230
+ </a>
231
+ </li>
232
+ <li
233
+ className="o-header__drawer-menu-item"
234
+ >
235
+ <a
236
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
237
+ data-trackable="China"
238
+ href="/world/asia-pacific/china"
239
+ >
240
+ China
241
+ </a>
242
+ </li>
243
+ <li
244
+ className="o-header__drawer-menu-item"
245
+ >
246
+ <a
247
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
248
+ data-trackable="Africa"
249
+ href="/world/africa"
250
+ >
251
+ Africa
252
+ </a>
253
+ </li>
254
+ <li
255
+ className="o-header__drawer-menu-item"
256
+ >
257
+ <a
258
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
259
+ data-trackable="Asia Pacific"
260
+ href="/world/asia-pacific"
261
+ >
262
+ Asia Pacific
263
+ </a>
264
+ </li>
265
+ <li
266
+ className="o-header__drawer-menu-item"
267
+ >
268
+ <a
269
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
270
+ data-trackable="Emerging Markets"
271
+ href="/emerging-markets"
272
+ >
273
+ Emerging Markets
274
+ </a>
275
+ </li>
276
+ <li
277
+ className="o-header__drawer-menu-item"
278
+ >
279
+ <a
280
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
281
+ data-trackable="Europe"
282
+ href="/world/europe"
283
+ >
284
+ Europe
285
+ </a>
286
+ </li>
287
+ <li
288
+ className="o-header__drawer-menu-item"
289
+ >
290
+ <a
291
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
292
+ data-trackable="Americas"
293
+ href="/world/americas"
294
+ >
295
+ Americas
296
+ </a>
297
+ </li>
298
+ <li
299
+ className="o-header__drawer-menu-item"
300
+ >
301
+ <a
302
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
303
+ data-trackable="Middle East and North Africa"
304
+ href="/world/mideast"
305
+ >
306
+ Middle East and North Africa
307
+ </a>
308
+ </li>
309
+ </ul>
310
+ </li>
311
+ <li
312
+ className="o-header__drawer-menu-item"
313
+ >
314
+ <div
315
+ className="o-header__drawer-menu-toggle-wrapper"
316
+ >
317
+ <a
318
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
319
+ data-trackable="UK"
320
+ href="/world/uk"
321
+ >
322
+ UK
323
+ </a>
324
+ <button
325
+ aria-controls="o-header-drawer-child-2"
326
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
327
+ data-trackable="sub-level-toggle | UK"
328
+ >
329
+ Show more UK
330
+ </button>
331
+ </div>
332
+ <ul
333
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
334
+ data-trackable="sub-level"
335
+ id="o-header-drawer-child-2"
336
+ >
337
+ <li
338
+ className="o-header__drawer-menu-item"
339
+ >
340
+ <a
341
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
342
+ data-trackable="UK Business & Economy"
343
+ href="/uk-business-economy"
344
+ >
345
+ UK Business & Economy
346
+ </a>
347
+ </li>
348
+ <li
349
+ className="o-header__drawer-menu-item"
350
+ >
351
+ <a
352
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
353
+ data-trackable="UK Politics & Policy"
354
+ href="/world/uk/politics"
355
+ >
356
+ UK Politics & Policy
357
+ </a>
358
+ </li>
359
+ <li
360
+ className="o-header__drawer-menu-item"
361
+ >
362
+ <a
363
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
364
+ data-trackable="UK Companies"
365
+ href="/companies/uk"
366
+ >
367
+ UK Companies
368
+ </a>
369
+ </li>
370
+ </ul>
371
+ </li>
372
+ <li
373
+ className="o-header__drawer-menu-item"
374
+ >
375
+ <div
376
+ className="o-header__drawer-menu-toggle-wrapper"
377
+ >
378
+ <a
379
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
380
+ data-trackable="Companies"
381
+ href="/companies"
382
+ >
383
+ Companies
384
+ </a>
385
+ <button
386
+ aria-controls="o-header-drawer-child-3"
387
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
388
+ data-trackable="sub-level-toggle | Companies"
389
+ >
390
+ Show more Companies
391
+ </button>
392
+ </div>
393
+ <ul
394
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
395
+ data-trackable="sub-level"
396
+ id="o-header-drawer-child-3"
397
+ >
398
+ <li
399
+ className="o-header__drawer-menu-item"
400
+ >
401
+ <a
402
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
403
+ data-trackable="Energy"
404
+ href="/companies/energy"
405
+ >
406
+ Energy
407
+ </a>
408
+ </li>
409
+ <li
410
+ className="o-header__drawer-menu-item"
411
+ >
412
+ <a
413
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
414
+ data-trackable="Financials"
415
+ href="/companies/financials"
416
+ >
417
+ Financials
418
+ </a>
419
+ </li>
420
+ <li
421
+ className="o-header__drawer-menu-item"
422
+ >
423
+ <a
424
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
425
+ data-trackable="Health"
426
+ href="/companies/health"
427
+ >
428
+ Health
429
+ </a>
430
+ </li>
431
+ <li
432
+ className="o-header__drawer-menu-item"
433
+ >
434
+ <a
435
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
436
+ data-trackable="Industrials"
437
+ href="/companies/industrials"
438
+ >
439
+ Industrials
440
+ </a>
441
+ </li>
442
+ <li
443
+ className="o-header__drawer-menu-item"
444
+ >
445
+ <a
446
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
447
+ data-trackable="Media"
448
+ href="/companies/media"
449
+ >
450
+ Media
451
+ </a>
452
+ </li>
453
+ <li
454
+ className="o-header__drawer-menu-item"
455
+ >
456
+ <a
457
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
458
+ data-trackable="Professional Services"
459
+ href="/companies/professional-services"
460
+ >
461
+ Professional Services
462
+ </a>
463
+ </li>
464
+ <li
465
+ className="o-header__drawer-menu-item"
466
+ >
467
+ <a
468
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
469
+ data-trackable="Retail & Consumer"
470
+ href="/companies/retail-consumer"
471
+ >
472
+ Retail & Consumer
473
+ </a>
474
+ </li>
475
+ <li
476
+ className="o-header__drawer-menu-item"
477
+ >
478
+ <a
479
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
480
+ data-trackable="Tech Sector"
481
+ href="/companies/technology"
482
+ >
483
+ Tech Sector
484
+ </a>
485
+ </li>
486
+ <li
487
+ className="o-header__drawer-menu-item"
488
+ >
489
+ <a
490
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
491
+ data-trackable="Telecoms"
492
+ href="/companies/telecoms"
493
+ >
494
+ Telecoms
495
+ </a>
496
+ </li>
497
+ <li
498
+ className="o-header__drawer-menu-item"
499
+ >
500
+ <a
501
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
502
+ data-trackable="Transport"
503
+ href="/companies/transport"
504
+ >
505
+ Transport
506
+ </a>
507
+ </li>
508
+ </ul>
509
+ </li>
510
+ <li
511
+ className="o-header__drawer-menu-item"
512
+ >
513
+ <a
514
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
515
+ data-trackable="Tech"
516
+ href="/technology"
517
+ >
518
+ Tech
519
+ </a>
520
+ </li>
521
+ <li
522
+ className="o-header__drawer-menu-item"
523
+ >
524
+ <div
525
+ className="o-header__drawer-menu-toggle-wrapper"
526
+ >
527
+ <a
528
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
529
+ data-trackable="Markets"
530
+ href="/markets"
531
+ >
532
+ Markets
533
+ </a>
534
+ <button
535
+ aria-controls="o-header-drawer-child-5"
536
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
537
+ data-trackable="sub-level-toggle | Markets"
538
+ >
539
+ Show more Markets
540
+ </button>
541
+ </div>
542
+ <ul
543
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
544
+ data-trackable="sub-level"
545
+ id="o-header-drawer-child-5"
546
+ >
547
+ <li
548
+ className="o-header__drawer-menu-item"
549
+ >
550
+ <a
551
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
552
+ data-trackable="fastFT"
553
+ href="/fastft"
554
+ >
555
+ fastFT
556
+ </a>
557
+ </li>
558
+ <li
559
+ className="o-header__drawer-menu-item"
560
+ >
561
+ <a
562
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
563
+ data-trackable="Alphaville"
564
+ href="https://ftalphaville.ft.com"
565
+ >
566
+ Alphaville
567
+ </a>
568
+ </li>
569
+ <li
570
+ className="o-header__drawer-menu-item"
571
+ >
572
+ <a
573
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
574
+ data-trackable="Markets Data"
575
+ href="https://markets.ft.com/data"
576
+ >
577
+ Markets Data
578
+ </a>
579
+ </li>
580
+ <li
581
+ className="o-header__drawer-menu-item"
582
+ >
583
+ <a
584
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
585
+ data-trackable="Capital Markets"
586
+ href="/capital-markets"
587
+ >
588
+ Capital Markets
589
+ </a>
590
+ </li>
591
+ <li
592
+ className="o-header__drawer-menu-item"
593
+ >
594
+ <a
595
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
596
+ data-trackable="Commodities"
597
+ href="/commodities"
598
+ >
599
+ Commodities
600
+ </a>
601
+ </li>
602
+ <li
603
+ className="o-header__drawer-menu-item"
604
+ >
605
+ <a
606
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
607
+ data-trackable="Currencies"
608
+ href="/currencies"
609
+ >
610
+ Currencies
611
+ </a>
612
+ </li>
613
+ <li
614
+ className="o-header__drawer-menu-item"
615
+ >
616
+ <a
617
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
618
+ data-trackable="Equities"
619
+ href="/equities"
620
+ >
621
+ Equities
622
+ </a>
623
+ </li>
624
+ <li
625
+ className="o-header__drawer-menu-item"
626
+ >
627
+ <a
628
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
629
+ data-trackable="Fund Management"
630
+ href="/fund-management"
631
+ >
632
+ Fund Management
633
+ </a>
634
+ </li>
635
+ <li
636
+ className="o-header__drawer-menu-item"
637
+ >
638
+ <a
639
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
640
+ data-trackable="Trading"
641
+ href="/ft-trading-room"
642
+ >
643
+ Trading
644
+ </a>
645
+ </li>
646
+ </ul>
647
+ </li>
648
+ <li
649
+ className="o-header__drawer-menu-item"
650
+ >
651
+ <a
652
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
653
+ data-trackable="Graphics"
654
+ href="/graphics"
655
+ >
656
+ Graphics
657
+ </a>
658
+ </li>
659
+ <li
660
+ className="o-header__drawer-menu-item"
661
+ >
662
+ <div
663
+ className="o-header__drawer-menu-toggle-wrapper"
664
+ >
665
+ <a
666
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
667
+ data-trackable="Opinion"
668
+ href="/opinion"
669
+ >
670
+ Opinion
671
+ </a>
672
+ <button
673
+ aria-controls="o-header-drawer-child-7"
674
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
675
+ data-trackable="sub-level-toggle | Opinion"
676
+ >
677
+ Show more Opinion
678
+ </button>
679
+ </div>
680
+ <ul
681
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
682
+ data-trackable="sub-level"
683
+ id="o-header-drawer-child-7"
684
+ >
685
+ <li
686
+ className="o-header__drawer-menu-item"
687
+ >
688
+ <a
689
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
690
+ data-trackable="Columnists"
691
+ href="/columnists"
692
+ >
693
+ Columnists
694
+ </a>
695
+ </li>
696
+ <li
697
+ className="o-header__drawer-menu-item"
698
+ >
699
+ <a
700
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
701
+ data-trackable="The FT View"
702
+ href="/ft-view"
703
+ >
704
+ The FT View
705
+ </a>
706
+ </li>
707
+ <li
708
+ className="o-header__drawer-menu-item"
709
+ >
710
+ <a
711
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
712
+ data-trackable="The Big Read"
713
+ href="/the-big-read"
714
+ >
715
+ The Big Read
716
+ </a>
717
+ </li>
718
+ <li
719
+ className="o-header__drawer-menu-item"
720
+ >
721
+ <a
722
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
723
+ data-trackable="Instant Insight"
724
+ href="/instant-insight"
725
+ >
726
+ Instant Insight
727
+ </a>
728
+ </li>
729
+ <li
730
+ className="o-header__drawer-menu-item"
731
+ >
732
+ <a
733
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
734
+ data-trackable="Lex"
735
+ href="/lex"
736
+ >
737
+ Lex
738
+ </a>
739
+ </li>
740
+ <li
741
+ className="o-header__drawer-menu-item"
742
+ >
743
+ <a
744
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
745
+ data-trackable="Alphaville"
746
+ href="https://ftalphaville.ft.com"
747
+ >
748
+ Alphaville
749
+ </a>
750
+ </li>
751
+ <li
752
+ className="o-header__drawer-menu-item"
753
+ >
754
+ <a
755
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
756
+ data-trackable="Obituaries"
757
+ href="/obituaries"
758
+ >
759
+ Obituaries
760
+ </a>
761
+ </li>
762
+ <li
763
+ className="o-header__drawer-menu-item"
764
+ >
765
+ <a
766
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
767
+ data-trackable="Letters"
768
+ href="/letters"
769
+ >
770
+ Letters
771
+ </a>
772
+ </li>
773
+ </ul>
774
+ </li>
775
+ <li
776
+ className="o-header__drawer-menu-item"
777
+ >
778
+ <div
779
+ className="o-header__drawer-menu-toggle-wrapper"
780
+ >
781
+ <a
782
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
783
+ data-trackable="Work & Careers"
784
+ href="/work-careers"
785
+ >
786
+ Work & Careers
787
+ </a>
788
+ <button
789
+ aria-controls="o-header-drawer-child-8"
790
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
791
+ data-trackable="sub-level-toggle | Work & Careers"
792
+ >
793
+ Show more Work & Careers
794
+ </button>
795
+ </div>
796
+ <ul
797
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
798
+ data-trackable="sub-level"
799
+ id="o-header-drawer-child-8"
800
+ >
801
+ <li
802
+ className="o-header__drawer-menu-item"
803
+ >
804
+ <a
805
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
806
+ data-trackable="Business School Rankings"
807
+ href="http://rankings.ft.com/businessschoolrankings/rankings"
808
+ >
809
+ Business School Rankings
810
+ </a>
811
+ </li>
812
+ <li
813
+ className="o-header__drawer-menu-item"
814
+ >
815
+ <a
816
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
817
+ data-trackable="Business Education"
818
+ href="/business-education"
819
+ >
820
+ Business Education
821
+ </a>
822
+ </li>
823
+ <li
824
+ className="o-header__drawer-menu-item"
825
+ >
826
+ <a
827
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
828
+ data-trackable="Entrepreneurship"
829
+ href="/entrepreneurship"
830
+ >
831
+ Entrepreneurship
832
+ </a>
833
+ </li>
834
+ <li
835
+ className="o-header__drawer-menu-item"
836
+ >
837
+ <a
838
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
839
+ data-trackable="Recruitment"
840
+ href="/recruitment"
841
+ >
842
+ Recruitment
843
+ </a>
844
+ </li>
845
+ <li
846
+ className="o-header__drawer-menu-item"
847
+ >
848
+ <a
849
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
850
+ data-trackable="Business Books"
851
+ href="/business-books"
852
+ >
853
+ Business Books
854
+ </a>
855
+ </li>
856
+ </ul>
857
+ </li>
858
+ <li
859
+ className="o-header__drawer-menu-item"
860
+ >
861
+ <div
862
+ className="o-header__drawer-menu-toggle-wrapper"
863
+ >
864
+ <a
865
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
866
+ data-trackable="Life & Arts"
867
+ href="/life-arts"
868
+ >
869
+ Life & Arts
870
+ </a>
871
+ <button
872
+ aria-controls="o-header-drawer-child-9"
873
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
874
+ data-trackable="sub-level-toggle | Life & Arts"
875
+ >
876
+ Show more Life & Arts
877
+ </button>
878
+ </div>
879
+ <ul
880
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
881
+ data-trackable="sub-level"
882
+ id="o-header-drawer-child-9"
883
+ >
884
+ <li
885
+ className="o-header__drawer-menu-item"
886
+ >
887
+ <a
888
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
889
+ data-trackable="Arts"
890
+ href="/arts"
891
+ >
892
+ Arts
893
+ </a>
894
+ </li>
895
+ <li
896
+ className="o-header__drawer-menu-item"
897
+ >
898
+ <a
899
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
900
+ data-trackable="Books"
901
+ href="/books"
902
+ >
903
+ Books
904
+ </a>
905
+ </li>
906
+ <li
907
+ className="o-header__drawer-menu-item"
908
+ >
909
+ <a
910
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
911
+ data-trackable="Food & Drink"
912
+ href="/food-drink"
913
+ >
914
+ Food & Drink
915
+ </a>
916
+ </li>
917
+ <li
918
+ className="o-header__drawer-menu-item"
919
+ >
920
+ <a
921
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
922
+ data-trackable="FT Magazine"
923
+ href="/magazine"
924
+ >
925
+ FT Magazine
926
+ </a>
927
+ </li>
928
+ <li
929
+ className="o-header__drawer-menu-item"
930
+ >
931
+ <a
932
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
933
+ data-trackable="House & Home"
934
+ href="/house-home"
935
+ >
936
+ House & Home
937
+ </a>
938
+ </li>
939
+ <li
940
+ className="o-header__drawer-menu-item"
941
+ >
942
+ <a
943
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
944
+ data-trackable="Next Act"
945
+ href="/next-act"
946
+ >
947
+ Next Act
948
+ </a>
949
+ </li>
950
+ <li
951
+ className="o-header__drawer-menu-item"
952
+ >
953
+ <a
954
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
955
+ data-trackable="Style"
956
+ href="/style"
957
+ >
958
+ Style
959
+ </a>
960
+ </li>
961
+ <li
962
+ className="o-header__drawer-menu-item"
963
+ >
964
+ <a
965
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
966
+ data-trackable="Travel"
967
+ href="/travel"
968
+ >
969
+ Travel
970
+ </a>
971
+ </li>
972
+ </ul>
973
+ </li>
974
+ <li
975
+ className="o-header__drawer-menu-item"
976
+ >
977
+ <div
978
+ className="o-header__drawer-menu-toggle-wrapper"
979
+ >
980
+ <a
981
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
982
+ data-trackable="Personal Finance"
983
+ href="/personal-finance"
984
+ >
985
+ Personal Finance
986
+ </a>
987
+ <button
988
+ aria-controls="o-header-drawer-child-10"
989
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
990
+ data-trackable="sub-level-toggle | Personal Finance"
991
+ >
992
+ Show more Personal Finance
993
+ </button>
994
+ </div>
995
+ <ul
996
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
997
+ data-trackable="sub-level"
998
+ id="o-header-drawer-child-10"
999
+ >
1000
+ <li
1001
+ className="o-header__drawer-menu-item"
1002
+ >
1003
+ <a
1004
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1005
+ data-trackable="Property & Mortgages"
1006
+ href="/personal-finance/property-mortgages"
1007
+ >
1008
+ Property & Mortgages
1009
+ </a>
1010
+ </li>
1011
+ <li
1012
+ className="o-header__drawer-menu-item"
1013
+ >
1014
+ <a
1015
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1016
+ data-trackable="Investments"
1017
+ href="/personal-finance/investments"
1018
+ >
1019
+ Investments
1020
+ </a>
1021
+ </li>
1022
+ <li
1023
+ className="o-header__drawer-menu-item"
1024
+ >
1025
+ <a
1026
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1027
+ data-trackable="Pensions"
1028
+ href="/pensions"
1029
+ >
1030
+ Pensions
1031
+ </a>
1032
+ </li>
1033
+ <li
1034
+ className="o-header__drawer-menu-item"
1035
+ >
1036
+ <a
1037
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1038
+ data-trackable="Tax"
1039
+ href="/personal-finance/tax"
1040
+ >
1041
+ Tax
1042
+ </a>
1043
+ </li>
1044
+ <li
1045
+ className="o-header__drawer-menu-item"
1046
+ >
1047
+ <a
1048
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1049
+ data-trackable="Banking & Savings"
1050
+ href="/personal-finance/banking-savings"
1051
+ >
1052
+ Banking & Savings
1053
+ </a>
1054
+ </li>
1055
+ <li
1056
+ className="o-header__drawer-menu-item"
1057
+ >
1058
+ <a
1059
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1060
+ data-trackable="Advice & Comment"
1061
+ href="/personal-finance/advice-commment"
1062
+ >
1063
+ Advice & Comment
1064
+ </a>
1065
+ </li>
1066
+ </ul>
1067
+ </li>
1068
+ <li
1069
+ className="o-header__drawer-menu-item"
1070
+ >
1071
+ <a
1072
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1073
+ data-trackable="Science"
1074
+ href="/companies/science"
1075
+ >
1076
+ Science
1077
+ </a>
1078
+ </li>
1079
+ <li
1080
+ className="o-header__drawer-menu-item"
1081
+ >
1082
+ <a
1083
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1084
+ data-trackable="Special Reports"
1085
+ href="/special-reports"
1086
+ >
1087
+ Special Reports
1088
+ </a>
1089
+ </li>
1090
+ </ul>
1091
+ <h2
1092
+ className="o-header__drawer-menu-item o-header__drawer-menu-item--heading"
1093
+ id="ft-recommends"
1094
+ >
1095
+ FT recommends
1096
+ </h2>
1097
+ <ul
1098
+ aria-labelledby="ft-recommends"
1099
+ className="o-header__drawer-menu-list"
1100
+ >
1101
+ <li
1102
+ className="o-header__drawer-menu-item"
1103
+ >
1104
+ <a
1105
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1106
+ data-trackable="Lex"
1107
+ href="/lex"
1108
+ >
1109
+ Lex
1110
+ </a>
1111
+ </li>
1112
+ <li
1113
+ className="o-header__drawer-menu-item"
1114
+ >
1115
+ <a
1116
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1117
+ data-trackable="Alphaville"
1118
+ href="https://ftalphaville.ft.com"
1119
+ >
1120
+ Alphaville
1121
+ </a>
1122
+ </li>
1123
+ <li
1124
+ className="o-header__drawer-menu-item"
1125
+ >
1126
+ <a
1127
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1128
+ data-trackable="EM Squared"
1129
+ href="/emerging-markets/em-squared"
1130
+ >
1131
+ EM Squared
1132
+ </a>
1133
+ </li>
1134
+ <li
1135
+ className="o-header__drawer-menu-item"
1136
+ >
1137
+ <a
1138
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1139
+ data-trackable="Lunch with the FT"
1140
+ href="/lunch-with-the-ft"
1141
+ >
1142
+ Lunch with the FT
1143
+ </a>
1144
+ </li>
1145
+ <li
1146
+ className="o-header__drawer-menu-item"
1147
+ >
1148
+ <a
1149
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1150
+ data-trackable="FT Confidential Research"
1151
+ href="https://www.ft.com/ft-confidential-research"
1152
+ >
1153
+ FT Confidential Research
1154
+ </a>
1155
+ </li>
1156
+ <li
1157
+ className="o-header__drawer-menu-item"
1158
+ >
1159
+ <a
1160
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1161
+ data-trackable="Video"
1162
+ href="/video"
1163
+ >
1164
+ Video
1165
+ </a>
1166
+ </li>
1167
+ <li
1168
+ className="o-header__drawer-menu-item"
1169
+ >
1170
+ <a
1171
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1172
+ data-trackable="Podcasts"
1173
+ href="https://www.ft.com/podcasts"
1174
+ >
1175
+ Podcasts
1176
+ </a>
1177
+ </li>
1178
+ <li
1179
+ className="o-header__drawer-menu-item"
1180
+ >
1181
+ <a
1182
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1183
+ data-trackable="News feed"
1184
+ href="/news-feed"
1185
+ >
1186
+ News feed
1187
+ </a>
1188
+ </li>
1189
+ <li
1190
+ className="o-header__drawer-menu-item"
1191
+ >
1192
+ <a
1193
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected"
1194
+ data-trackable="Newsletters"
1195
+ href="/newsletters"
1196
+ >
1197
+ Newsletters
1198
+ </a>
1199
+ </li>
1200
+ <li
1201
+ className="o-header__drawer-menu-item"
1202
+ >
1203
+ <div
1204
+ className="o-header__drawer-menu-toggle-wrapper"
1205
+ >
1206
+ <a
1207
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--parent"
1208
+ data-trackable="FT Community"
1209
+ href="/tour/community"
1210
+ >
1211
+ FT Community
1212
+ </a>
1213
+ <button
1214
+ aria-controls="o-header-drawer-child-inner9"
1215
+ className="o-header__drawer-menu-toggle o-header__drawer-menu-toggle--unselected"
1216
+ data-trackable="sub-level-toggle | FT Community"
1217
+ >
1218
+ Show more FT Community
1219
+ </button>
1220
+ </div>
1221
+ <ul
1222
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--child"
1223
+ data-trackable="sub-level"
1224
+ id="o-header-drawer-child-inner9"
1225
+ >
1226
+ <li
1227
+ className="o-header__drawer-menu-item"
1228
+ >
1229
+ <a
1230
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1231
+ data-trackable="FT Live"
1232
+ href="http://live.ft.com/"
1233
+ >
1234
+ FT Live
1235
+ </a>
1236
+ </li>
1237
+ <li
1238
+ className="o-header__drawer-menu-item"
1239
+ >
1240
+ <a
1241
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1242
+ data-trackable="FT Forums"
1243
+ href="https://forums.ft.com/"
1244
+ >
1245
+ FT Forums
1246
+ </a>
1247
+ </li>
1248
+ <li
1249
+ className="o-header__drawer-menu-item"
1250
+ >
1251
+ <a
1252
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--child"
1253
+ data-trackable="Board Director Programme"
1254
+ href="https://bdp.ft.com/"
1255
+ >
1256
+ Board Director Programme
1257
+ </a>
1258
+ </li>
1259
+ </ul>
1260
+ </li>
1261
+ </ul>
1262
+ <ul
1263
+ className="o-header__drawer-menu-list o-header__drawer-menu-list--divide"
1264
+ >
1265
+ <li
1266
+ className="o-header__drawer-menu-item"
1267
+ >
1268
+ <a
1269
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--secondary"
1270
+ data-trackable="myFT"
1271
+ href="/myft"
1272
+ >
1273
+ myFT
1274
+ </a>
1275
+ </li>
1276
+ <li
1277
+ className="o-header__drawer-menu-item"
1278
+ >
1279
+ <a
1280
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--secondary"
1281
+ data-trackable="Portfolio"
1282
+ href="https://markets.ft.com/data/portfolio/dashboard"
1283
+ >
1284
+ Portfolio
1285
+ </a>
1286
+ </li>
1287
+ <li
1288
+ className="o-header__drawer-menu-item"
1289
+ >
1290
+ <a
1291
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--secondary"
1292
+ data-trackable="Today's Newspaper (ePaper)"
1293
+ href="https://www.ft.com/todaysnewspaper"
1294
+ >
1295
+ Today's Newspaper (ePaper)
1296
+ </a>
1297
+ </li>
1298
+ <li
1299
+ className="o-header__drawer-menu-item"
1300
+ >
1301
+ <a
1302
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--secondary"
1303
+ data-trackable="Crossword"
1304
+ href="https://www.ft.com/crossword"
1305
+ >
1306
+ Crossword
1307
+ </a>
1308
+ </li>
1309
+ <li
1310
+ className="o-header__drawer-menu-item"
1311
+ >
1312
+ <a
1313
+ className="o-header__drawer-menu-link o-header__drawer-menu-link--unselected o-header__drawer-menu-link--secondary"
1314
+ data-trackable="Our Apps"
1315
+ href="https://www.ft.com/tour/apps"
1316
+ >
1317
+ Our Apps
1318
+ </a>
1319
+ </li>
1320
+ </ul>
1321
+ </nav>
1322
+ <nav
1323
+ className="o-header__drawer-menu o-header__drawer-menu--user"
1324
+ data-trackable="user-nav"
1325
+ >
1326
+ <ul
1327
+ className="o-header__drawer-menu-list"
1328
+ >
1329
+ <li
1330
+ className="o-header__drawer-menu-item"
1331
+ >
1332
+ <a
1333
+ className="o-header__drawer-menu-link"
1334
+ data-trackable="Help Centre"
1335
+ href="http://help.ft.com"
1336
+ >
1337
+ Help Centre
1338
+ </a>
1339
+ </li>
1340
+ <li
1341
+ className="o-header__drawer-menu-item"
1342
+ >
1343
+ <a
1344
+ className="o-header__drawer-menu-link"
1345
+ data-trackable="Settings & Account"
1346
+ href="https://www.ft.com/myaccount"
1347
+ >
1348
+ Settings & Account
1349
+ </a>
1350
+ </li>
1351
+ <li
1352
+ className="o-header__drawer-menu-item"
1353
+ >
1354
+ <a
1355
+ className="o-header__drawer-menu-link"
1356
+ data-trackable="Contact Preferences"
1357
+ href="/myft/alerts"
1358
+ >
1359
+ Contact Preferences
1360
+ </a>
1361
+ </li>
1362
+ <li
1363
+ className="o-header__drawer-menu-item"
1364
+ >
1365
+ <a
1366
+ className="o-header__drawer-menu-link"
1367
+ data-trackable="Sign Out"
1368
+ href="/logout"
1369
+ >
1370
+ Sign Out
1371
+ </a>
1372
+ </li>
1373
+ </ul>
1374
+ </nav>
1375
+ </div>
1376
+ </div>
1377
+ `;
1378
+
3
1379
  exports[`dotcom-ui-header/src/components/Drawer renders as a logged in user 1`] = `
4
1380
  <div
5
1381
  aria-label="Drawer menu"