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

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