From f5a56836d52c22b60b7cdb49fad107343538e592 Mon Sep 17 00:00:00 2001
From: Caroline Liu <carolineliu@google.com>
Date: Fri, 7 May 2021 11:26:39 -0400
Subject: [PATCH] Add deleted and invalid tweet-id cases

---
 .../amp-twitter/0.1/storybook/Basic.amp.js    | 50 +++++++++++++++++++
 .../amp-twitter/1.0/storybook/Basic.amp.js    | 50 +++++++++++++++++++
 2 files changed, 100 insertions(+)

diff --git a/extensions/amp-twitter/0.1/storybook/Basic.amp.js b/extensions/amp-twitter/0.1/storybook/Basic.amp.js
index f00387f82a43..2341969035c7 100644
--- a/extensions/amp-twitter/0.1/storybook/Basic.amp.js
+++ b/extensions/amp-twitter/0.1/storybook/Basic.amp.js
@@ -83,3 +83,53 @@ export const timelines = () => {
     />
   );
 };
+
+export const deletedTweet = () => {
+  const withFallback = boolean('include fallback?', true);
+  return (
+    <amp-twitter
+      width="390"
+      height="330"
+      layout="fixed"
+      data-tweetid="882818033403789316"
+      data-cards="hidden"
+    >
+      <blockquote placeholder>
+        <p lang="en" dir="ltr">
+          In case you missed it last week, check out our recap of AMP in 2020
+          ⚡🙌
+        </p>
+        <p>
+          Watch here ➡️
+          <br />
+          <a href="https://t.co/eaxT3MuSAK">https://t.co/eaxT3MuSAK</a>
+        </p>
+      </blockquote>
+      {withFallback && (
+        <div fallback>
+          An error occurred while retrieving the tweet. It might have been
+          deleted.
+        </div>
+      )}
+    </amp-twitter>
+  );
+};
+
+export const invalidTweet = () => {
+  return (
+    <amp-twitter
+      width="390"
+      height="330"
+      layout="fixed"
+      data-tweetid="1111111111111641653602164060160"
+      data-cards="hidden"
+    >
+      <blockquote placeholder class="twitter-tweet" data-lang="en">
+        <p>
+          This placeholder should never change because given tweet-id is
+          invalid.
+        </p>
+      </blockquote>
+    </amp-twitter>
+  );
+};
diff --git a/extensions/amp-twitter/1.0/storybook/Basic.amp.js b/extensions/amp-twitter/1.0/storybook/Basic.amp.js
index 610c100d4971..ecaa0e9230d3 100644
--- a/extensions/amp-twitter/1.0/storybook/Basic.amp.js
+++ b/extensions/amp-twitter/1.0/storybook/Basic.amp.js
@@ -84,3 +84,53 @@ export const timelines = () => {
     />
   );
 };
+
+export const deletedTweet = () => {
+  const withFallback = boolean('include fallback?', true);
+  return (
+    <amp-twitter
+      width="390"
+      height="330"
+      layout="fixed"
+      data-tweetid="882818033403789316"
+      data-cards="hidden"
+    >
+      <blockquote placeholder>
+        <p lang="en" dir="ltr">
+          In case you missed it last week, check out our recap of AMP in 2020
+          ⚡🙌
+        </p>
+        <p>
+          Watch here ➡️
+          <br />
+          <a href="https://t.co/eaxT3MuSAK">https://t.co/eaxT3MuSAK</a>
+        </p>
+      </blockquote>
+      {withFallback && (
+        <div fallback>
+          An error occurred while retrieving the tweet. It might have been
+          deleted.
+        </div>
+      )}
+    </amp-twitter>
+  );
+};
+
+export const invalidTweet = () => {
+  return (
+    <amp-twitter
+      width="390"
+      height="330"
+      layout="fixed"
+      data-tweetid="1111111111111641653602164060160"
+      data-cards="hidden"
+    >
+      <blockquote placeholder class="twitter-tweet" data-lang="en">
+        <p>
+          This placeholder should never change because given tweet-id is
+          invalid.
+        </p>
+      </blockquote>
+    </amp-twitter>
+  );
+};