Media Article Page:Media Article Page With Latest Media Images

Build 51813 on WSTEAM1-1125-optimizely-sdk
1200px
Reviewing disabled
View latest build
Build 51358 on new-mediaplayer-canonical-article-pages
Multiple baselines
View Storybook
LatestBuild 51813 on WSTEAM1-1125-optimizely-sdk
LatestLatestLatest
View Storybook
The baseline is taller than the new snapshot (1200x2345 to 1200x2161).
Baseline History
Build 518136750e15
Current build. There are unaccepted changes, so build 51358 is still the baseline.
Show baseline inheritance
Build 513580bbd8e6 current baseline
Accepted by Aaron Moore.
Build 51354dd7f8eb
Accepted by Emily Saffron.
Build 50716b220157
Accepted by Karina Thomas.
Build 507055a7226c
Accepted by Karina Thomas.
Commenting is disabled because there's a newer build on this branch
Go to Build 51899 now
DOM Diff
file.html a CHANGED
@@ -20,11 +20,11 @@
20
  </ul>
21
  </div>
22
  </div>
23
  </div>
24
- <div class="ep1mqcj0 css-1ytez1c e10yv9r12">
25
  <div class="css-1dg7u9h e10yv9r13">
26
- <a href="/news" id="topPage" class="focusIndicatorRemove css-17upi95 e10yv9r11"
27
  aria-labelledby="BrandLink-topPage">
28
  <svg id="brandSvgHeader" viewBox="0 0 980 142" xmlns="http://www.w3.org/2000/svg"
29
  focusable="false" aria-hidden="true" height="32" class="css-1jefi8v e10yv9r10">
30
  <g fill-rule="evenodd" stroke="#000" stroke-width=".335" style="stroke: rgb(255, 255, 255);">
@@ -163,9 +163,9 @@
163
  <h1 id="content" tabindex="-1" class="css-m04vo2">'We dey good to go for dis election' - INEC Boss</h1>
164
  <div class="css-fy754d">
165
  <figure data-e2e="media-loader__container" class="css-1qn0xuy">
166
  <div data-e2e="media-player" class="css-1w19284"></div>
167
- <figcaption class="css-ssstfy" dir="ltr">
168
  <span role="text">
169
  <span class="css-m04vo2">Video caption,</span>
170
  <span data-testid="caption-paragraph">INEC boss interview</span>
171
  </span>
@@ -206,34 +206,8 @@
206
  <div dir="ltr" class="css-19j92fr ebmt73l0">
207
  <p dir="ltr" class="css-d8piq7 e17g058b0">"We dey good to go for dis election," e tok.</p>
208
  </div>
209
  </main>
210
- <aside data-testid="related-topics" aria-labelledby="related-topics" role="complementary"
211
- class="css-1l5nxv5 e5jcirq1">
212
- <div class="e5jcirq0 css-1f2ds04 e1m6nvxw1">
213
- <h2 class="css-1xclg2i e1m6nvxw0">
214
- <span class="css-1fttcpj e1fapd9x4">
215
- <span class="css-127x8fy e1fapd9x2">
216
- <span dir="ltr" id="related-topics" class="css-1q1j1lx e1fapd9x1">Related topics</span>
217
- </span>
218
- </span>
219
- </h2>
220
- </div>
221
- <ul role="list" class="css-1c01ksb e2o6ii41">
222
- <li class="css-l4lcwv e2o6ii40">
223
- <a href="/news/topics/c2dwqd14802t">Politics</a>
224
- </li>
225
- <li class="css-l4lcwv e2o6ii40">
226
- <a href="/news/topics/c2dwqd1zr92t">Nigeria</a>
227
- </li>
228
- <li class="css-l4lcwv e2o6ii40">
229
- <a href="/news/topics/c3grk94zmd9t">Nigerian Presidential Election 2023</a>
230
- </li>
231
- <li class="css-l4lcwv e2o6ii40">
232
- <a href="/news/topics/c95y35z683nt">Nigeria politics</a>
233
- </li>
234
- </ul>
235
- </aside>
236
  <section aria-labelledby="related-content-heading" role="region" data-e2e="related-content-heading"
237
  class="css-l2kb15">
238
  <div class="css-1rgju53 e1m6nvxw1">
239
  <h2 class="css-1xclg2i e1m6nvxw0">
@@ -493,11 +467,11 @@
493
  </div>
494
  </div>
495
  </div>
496
  <footer role="contentinfo" class="css-1lvqtkx e1njnjcp0">
497
- <div class="ep1mqcj0 css-ncmrf8 e10yv9r12">
498
  <div class="css-1dg7u9h e10yv9r13">
499
- <a href="/news" id="footer" class="focusIndicatorRemove css-17upi95 e10yv9r11"
500
  aria-labelledby="BrandLink-footer">
501
  <svg id="brandSvgFooter" viewBox="0 0 980 142" xmlns="http://www.w3.org/2000/svg"
502
  focusable="false" aria-hidden="true" height="32" class="css-1jefi8v e10yv9r10">
503
  <g fill-rule="evenodd" stroke="#000" stroke-width=".335" style="stroke: rgb(255, 255, 255);">
@@ -507,9 +481,9 @@
507
  <span id="BrandLink-footer" class="css-m04vo2">BBC News</span>
508
  </a>
509
  </div>
510
  </div>
511
- <div class="css-1lgjp5v">
512
  <div class="css-n6enek">
513
  <ul role="list" class="css-1c7p4c8">
514
  <li class="css-a32bmp">
515
  <a href="https://www.bbc.com/news/help-41670342" class="focusIndicatorInvert css-1taf8wb">Why you can trust the BBC</a>
20
  </ul>
21
  </div>
22
  </div>
23
  </div>
24
+ <div class="ep1mqcj0 css-1288a99 e10yv9r12">
25
  <div class="css-1dg7u9h e10yv9r13">
26
+ <a href="/news" id="topPage" class="focusIndicatorRemove css-1re47cx e10yv9r11"
27
  aria-labelledby="BrandLink-topPage">
28
  <svg id="brandSvgHeader" viewBox="0 0 980 142" xmlns="http://www.w3.org/2000/svg"
29
  focusable="false" aria-hidden="true" height="32" class="css-1jefi8v e10yv9r10">
30
  <g fill-rule="evenodd" stroke="#000" stroke-width=".335" style="stroke: rgb(255, 255, 255);">
163
  <h1 id="content" tabindex="-1" class="css-m04vo2">'We dey good to go for dis election' - INEC Boss</h1>
164
  <div class="css-fy754d">
165
  <figure data-e2e="media-loader__container" class="css-1qn0xuy">
166
  <div data-e2e="media-player" class="css-1w19284"></div>
167
+ <figcaption class="css-8izewo" dir="ltr">
168
  <span role="text">
169
  <span class="css-m04vo2">Video caption,</span>
170
  <span data-testid="caption-paragraph">INEC boss interview</span>
171
  </span>
206
  <div dir="ltr" class="css-19j92fr ebmt73l0">
207
  <p dir="ltr" class="css-d8piq7 e17g058b0">"We dey good to go for dis election," e tok.</p>
208
  </div>
209
  </main>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
210
  <section aria-labelledby="related-content-heading" role="region" data-e2e="related-content-heading"
211
  class="css-l2kb15">
212
  <div class="css-1rgju53 e1m6nvxw1">
213
  <h2 class="css-1xclg2i e1m6nvxw0">
467
  </div>
468
  </div>
469
  </div>
470
  <footer role="contentinfo" class="css-1lvqtkx e1njnjcp0">
471
+ <div class="ep1mqcj0 css-1sz3ukm e10yv9r12">
472
  <div class="css-1dg7u9h e10yv9r13">
473
+ <a href="/news" id="footer" class="focusIndicatorRemove css-1re47cx e10yv9r11"
474
  aria-labelledby="BrandLink-footer">
475
  <svg id="brandSvgFooter" viewBox="0 0 980 142" xmlns="http://www.w3.org/2000/svg"
476
  focusable="false" aria-hidden="true" height="32" class="css-1jefi8v e10yv9r10">
477
  <g fill-rule="evenodd" stroke="#000" stroke-width=".335" style="stroke: rgb(255, 255, 255);">
481
  <span id="BrandLink-footer" class="css-m04vo2">BBC News</span>
482
  </a>
483
  </div>
484
  </div>
485
+ <div class="css-17vdvjg">
486
  <div class="css-n6enek">
487
  <ul role="list" class="css-1c7p4c8">
488
  <li class="css-a32bmp">
489
  <a href="https://www.bbc.com/news/help-41670342" class="focusIndicatorInvert css-1taf8wb">Why you can trust the BBC</a>