diff --git a/extensions/amp-twitter/0.1/storybook/Basic.amp.js b/extensions/amp-twitter/0.1/storybook/Basic.amp.js index f00387f82a434..2ec5506cf4e23 100644 --- a/extensions/amp-twitter/0.1/storybook/Basic.amp.js +++ b/extensions/amp-twitter/0.1/storybook/Basic.amp.js @@ -83,3 +83,51 @@ export const timelines = () => { /> ); }; + +export const deletedTweet = () => { + const withFallback = boolean('include fallback?', true); + return ( + +
+

+ AMP test +

+ — Gharbi Wassim (@wassgha){' '} + + July 6, 2017 + +
+ {withFallback && ( +
+ An error occurred while retrieving the tweet. It might have been + deleted. +
+ )} + + ); +}; + +export const invalidTweet = () => { + return ( + +
+

+ This placeholder should never change because given tweet-id is + invalid. +

+
+ + ); +}; diff --git a/extensions/amp-twitter/1.0/storybook/Basic.amp.js b/extensions/amp-twitter/1.0/storybook/Basic.amp.js index 610c100d4971b..3afdc1ee955a4 100644 --- a/extensions/amp-twitter/1.0/storybook/Basic.amp.js +++ b/extensions/amp-twitter/1.0/storybook/Basic.amp.js @@ -84,3 +84,51 @@ export const timelines = () => { /> ); }; + +export const deletedTweet = () => { + const withFallback = boolean('include fallback?', true); + return ( + +
+

+ AMP test +

+ — Gharbi Wassim (@wassgha){' '} + + July 6, 2017 + +
+ {withFallback && ( +
+ An error occurred while retrieving the tweet. It might have been + deleted. +
+ )} + + ); +}; + +export const invalidTweet = () => { + return ( + +
+

+ This placeholder should never change because given tweet-id is + invalid. +

+
+ + ); +};