Skip to content

Commit

Permalink
feat(TDP-1579) inline image and interactive anchors (newsuk#2912)
Browse files Browse the repository at this point in the history 
* feat(TDP-1577): key moments links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links

* feat(TDP-1579): inline image and interactive anchor links
  • Loading branch information
@flashcheeks
flashcheeks committed Apr 11, 2022
1 parent 6d78847 commit 2da77a2
Show file tree
Hide file tree
Showing 20 changed files with 1,190 additions and 691 deletions.
120 changes: 72 additions & 48 deletions packages/article-in-depth/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -776,10 +776,12 @@ exports[`full article with style 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -873,17 +875,21 @@ exports[`full article with style 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -1674,10 +1680,12 @@ exports[`full article with style in the culture magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -1771,17 +1779,21 @@ exports[`full article with style in the culture magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -2573,10 +2585,12 @@ exports[`full article with style in the style magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -2670,17 +2684,21 @@ exports[`full article with style in the style magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -3471,10 +3489,12 @@ exports[`full article with style in the sunday times magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -3568,17 +3588,21 @@ exports[`full article with style in the sunday times magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down
120 changes: 72 additions & 48 deletions .../article-magazine-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -797,10 +797,12 @@ exports[`full article with style 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -882,17 +884,21 @@ exports[`full article with style 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -1707,10 +1713,12 @@ exports[`full article with style in the culture magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -1792,17 +1800,21 @@ exports[`full article with style in the culture magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -2618,10 +2630,12 @@ exports[`full article with style in the style magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -2703,17 +2717,21 @@ exports[`full article with style in the style magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down Expand Up @@ -3528,10 +3546,12 @@ exports[`full article with style in the sunday times magazine 1`] = `
className="c17 responsive__BodyContainer-sc-15gvuj2-3 c17 css-view-1dbjc4n"
>
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c18 responsive__PrimaryImg-sc-4v1r4q-5 c18 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<Link>
Expand Down Expand Up @@ -3613,17 +3633,21 @@ exports[`full article with style in the sunday times magazine 1`] = `
<AdContainer />
</div>
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c28 responsive__SecondaryImg-sc-4v1r4q-7 c28 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
<div>
<div
className="c29 responsive__InlineImg-sc-4v1r4q-8 c29 css-view-1dbjc4n"
>
<ArticleImage />
</div>
</div>
</div>
<div />
Expand Down
Loading

0 comments on commit 2da77a2

Please sign in to comment.