From fa67f68734b1417b50e7f0a55715754326369895 Mon Sep 17 00:00:00 2001
From: Damani Brown <damanibrown@damanibrown-macbookpro.roam.corp.google.com>
Date: Thu, 7 May 2020 13:25:38 -0400
Subject: [PATCH 1/5] Added og:image and alt text checks to linter for Stories

---
 packages/linter/src/index.ts                  |  6 +++-
 .../linter/src/rules/ImagesHaveAltText.ts     | 30 +++++++++++++++++++
 .../src/rules/MetadataIncludesOGImageSrc.ts   | 30 +++++++++++++++++++
 3 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 packages/linter/src/rules/ImagesHaveAltText.ts
 create mode 100644 packages/linter/src/rules/MetadataIncludesOGImageSrc.ts

diff --git a/packages/linter/src/index.ts b/packages/linter/src/index.ts
index 02fbd5fc4..fc04e383b 100644
--- a/packages/linter/src/index.ts
+++ b/packages/linter/src/index.ts
@@ -18,6 +18,8 @@ import { SxgVaryOnAcceptAct } from "./rules/SxgVaryOnAcceptAct";
 import { SxgContentNegotiationIsOk } from "./rules/SxgContentNegotiationIsOk";
 import { SxgDumpSignedExchangeVerify } from "./rules/SxgDumpSignedExchangeVerify";
 import { SxgAmppkgIsForwarded } from "./rules/SxgAmppkgIsForwarded";
+import { MetadataIncludesOGImageSrc } from "./rules/MetadataIncludesOGImageSrc";
+import { ImagesHaveAltText } from "./rules/ImagesHaveAltText";
 import { RuleConstructor } from "./rule";
 import { isArray } from "util";
 
@@ -100,6 +102,8 @@ function testsForMode(type: LintMode) {
       StoryMetadataIsV1,
       StoryIsMostlyText,
       StoryMetadataThumbnailsAreOk,
+      MetadataIncludesOGImageSrc,
+      ImagesHaveAltText,
     ])
   );
   return tests.get(type) || [];
@@ -148,4 +152,4 @@ export async function lint(
   );
 }
 
-export { cli };
+export { cli };
\ No newline at end of file
diff --git a/packages/linter/src/rules/ImagesHaveAltText.ts b/packages/linter/src/rules/ImagesHaveAltText.ts
new file mode 100644
index 000000000..31ff624cd
--- /dev/null
+++ b/packages/linter/src/rules/ImagesHaveAltText.ts
@@ -0,0 +1,30 @@
+
+import { Context } from "../index";
+import { Rule } from "../rule";
+
+export class ImagesHaveAltText extends Rule {
+  run({ $ }: Context) {
+    let containsAltText = true;
+    let imgsWithoutAlt = "";
+
+    $('amp-img').each(function (i, elem) {
+      if(!(elem.attribs.alt)) {
+        containsAltText = false;
+        imgsWithoutAlt = imgsWithoutAlt + "- " + elem.attribs.src + "\n";
+      }
+
+    });
+
+    return !containsAltText
+      ? this.warn(`Missing alt text from images: \n` + imgsWithoutAlt)
+      : this.pass();
+  }
+  meta() {
+    return {
+      url:
+        "https://html.spec.whatwg.org/multipage/parsing.html#determining-the-character-encoding",
+      title: "Images contain alt text",
+      info: "",
+    };
+  }
+}
\ No newline at end of file
diff --git a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
new file mode 100644
index 000000000..e8acf3f01
--- /dev/null
+++ b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
@@ -0,0 +1,30 @@
+import { Context } from "../index";
+import { Rule } from "../rule";
+
+export class MetadataIncludesOGImageSrc extends Rule {
+  run({ $ }: Context) {
+
+    let hasOGImage = false;
+
+    $('meta').each(function (i, elem) {
+      if(elem.attribs.property === 'og:image' && elem.attribs.content) {
+        hasOGImage = true;
+        return false;             //break the loop
+      }
+    });
+    
+
+    return !(hasOGImage)
+      ? this.warn(`Missing og:image property or content source`)
+      : this.pass();
+  }
+  meta() {
+    return {
+      url:
+        "https://html.spec.whatwg.org/multipage/parsing.html#determining-the-character-encoding",
+      title: "Metadata includes og:image and src",
+      info: "",
+    };
+  }
+}
+

From e8a19b7bdc1bed8fc6602e12e165fd118ac3316f Mon Sep 17 00:00:00 2001
From: Damani Brown <damanibrown@damanibrown-macbookpro.roam.corp.google.com>
Date: Mon, 11 May 2020 16:09:02 -0400
Subject: [PATCH 2/5] Minor fixes to linter checks. Added testing for new
 checks

---
 packages/linter/src/index.ts                  |   2 +-
 .../linter/src/rules/ImagesHaveAltText.ts     |  15 +-
 .../src/rules/MetadataIncludesOGImageSrc.ts   |  19 +-
 packages/linter/tests/local.ts                |  30 +-
 .../local/ImagesHaveAltText-1/source.html     | 290 ++++++++++++++++++
 .../local/ImagesHaveAltText-2/source.html     | 290 ++++++++++++++++++
 .../MetadataIncludesOGImageSrc-1/source.html  | 290 ++++++++++++++++++
 .../MetadataIncludesOGImageSrc-2/source.html  | 287 +++++++++++++++++
 8 files changed, 1202 insertions(+), 21 deletions(-)
 create mode 100644 packages/linter/tests/local/ImagesHaveAltText-1/source.html
 create mode 100644 packages/linter/tests/local/ImagesHaveAltText-2/source.html
 create mode 100644 packages/linter/tests/local/MetadataIncludesOGImageSrc-1/source.html
 create mode 100644 packages/linter/tests/local/MetadataIncludesOGImageSrc-2/source.html

diff --git a/packages/linter/src/index.ts b/packages/linter/src/index.ts
index fc04e383b..6803566a1 100644
--- a/packages/linter/src/index.ts
+++ b/packages/linter/src/index.ts
@@ -152,4 +152,4 @@ export async function lint(
   );
 }
 
-export { cli };
\ No newline at end of file
+export { cli };
diff --git a/packages/linter/src/rules/ImagesHaveAltText.ts b/packages/linter/src/rules/ImagesHaveAltText.ts
index 31ff624cd..b928c7b42 100644
--- a/packages/linter/src/rules/ImagesHaveAltText.ts
+++ b/packages/linter/src/rules/ImagesHaveAltText.ts
@@ -1,30 +1,25 @@
-
 import { Context } from "../index";
 import { Rule } from "../rule";
 
 export class ImagesHaveAltText extends Rule {
   run({ $ }: Context) {
-    let containsAltText = true;
     let imgsWithoutAlt = "";
 
-    $('amp-img').each(function (i, elem) {
-      if(!(elem.attribs.alt)) {
-        containsAltText = false;
+    $("amp-img").each(function (i, elem) {
+      if (!elem.attribs.alt) {
         imgsWithoutAlt = imgsWithoutAlt + "- " + elem.attribs.src + "\n";
       }
-
     });
 
-    return !containsAltText
+    return imgsWithoutAlt.length > 0
       ? this.warn(`Missing alt text from images: \n` + imgsWithoutAlt)
       : this.pass();
   }
   meta() {
     return {
-      url:
-        "https://html.spec.whatwg.org/multipage/parsing.html#determining-the-character-encoding",
+      url: "https://blog.amp.dev/2020/02/12/seo-for-amp-stories/",
       title: "Images contain alt text",
       info: "",
     };
   }
-}
\ No newline at end of file
+}
diff --git a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
index e8acf3f01..e605eab58 100644
--- a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
+++ b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
@@ -3,28 +3,29 @@ import { Rule } from "../rule";
 
 export class MetadataIncludesOGImageSrc extends Rule {
   run({ $ }: Context) {
-
     let hasOGImage = false;
+    let e: string = "";
 
-    $('meta').each(function (i, elem) {
-      if(elem.attribs.property === 'og:image' && elem.attribs.content) {
+    $("meta").each(function (i, elem) {
+      if (
+        elem.attribs.property &&
+        elem.attribs.property.includes("og:image", 0) &&
+        elem.attribs.content
+      ) {
         hasOGImage = true;
-        return false;             //break the loop
+        return false; //break the loop
       }
     });
-    
 
-    return !(hasOGImage)
+    return !hasOGImage
       ? this.warn(`Missing og:image property or content source`)
       : this.pass();
   }
   meta() {
     return {
-      url:
-        "https://html.spec.whatwg.org/multipage/parsing.html#determining-the-character-encoding",
+      url: "https://ogp.me/",
       title: "Metadata includes og:image and src",
       info: "",
     };
   }
 }
-
diff --git a/packages/linter/tests/local.ts b/packages/linter/tests/local.ts
index ab826706f..31559965a 100644
--- a/packages/linter/tests/local.ts
+++ b/packages/linter/tests/local.ts
@@ -4,6 +4,8 @@ import { MetaCharsetIsFirst } from "../src/rules/MetaCharsetIsFirst";
 import { RuntimeIsPreloaded } from "../src/rules/RuntimeIsPreloaded";
 import { SchemaMetadataIsNews } from "../src/rules/SchemaMetadataIsNews";
 import { StoryRuntimeIsV1 } from "../src/rules/StoryRuntimeIsV1";
+import { ImagesHaveAltText } from "../src/rules/ImagesHaveAltText";
+import { MetadataIncludesOGImageSrc } from "../src/rules/MetadataIncludesOGImageSrc";
 import { basename } from "path";
 import { BookendExists } from "../src/rules/BookendExists";
 
@@ -102,5 +104,31 @@ assertWarn(
   runLocalTest(BookendExists, "local/BookendExists-3/source.html")
 );
 
+assertPass(
+  `${MetadataIncludesOGImageSrc.name} - <meta property="og:image"> is presentt`,
+  runLocalTest(
+    MetadataIncludesOGImageSrc,
+    "local/MetadataIncludesOGImageSrc-1/source.html"
+  )
+);
+
+assertWarn(
+  `${MetadataIncludesOGImageSrc.name} - <meta property="og:image"> is missing`,
+  runLocalTest(
+    MetadataIncludesOGImageSrc,
+    "local/MetadataIncludesOGImageSrc-2/source.html"
+  )
+);
+
+assertPass(
+  `${ImagesHaveAltText.name} - All <amp-img> have alt text`,
+  runLocalTest(ImagesHaveAltText, "local/ImagesHaveAltText-1/source.html")
+);
+
+assertWarn(
+  `${ImagesHaveAltText.name} - At least one <amp-img> is missing alt text`,
+  runLocalTest(ImagesHaveAltText, "local/ImagesHaveAltText-2/source.html")
+);
+
 console.log(`# ${basename(__filename)} - HTML-only tests`);
-console.log(`1..16`);
+console.log(`1..20`);
diff --git a/packages/linter/tests/local/ImagesHaveAltText-1/source.html b/packages/linter/tests/local/ImagesHaveAltText-1/source.html
new file mode 100644
index 000000000..03896941b
--- /dev/null
+++ b/packages/linter/tests/local/ImagesHaveAltText-1/source.html
@@ -0,0 +1,290 @@
+<!doctype html>
+<html amp lang="en">
+    <head>
+        <meta charset="utf-8">
+        <script async src="https://cdn.ampproject.org/v0.js" rel="preload"></script>
+        <style amp-boilerplate>
+            body {
+                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                animation: -amp-start 8s steps(1,end) 0s 1 normal both
+            }
+
+            @-webkit-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-moz-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-ms-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-o-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+        </style>
+        <noscript>
+            <style amp-boilerplate>
+                body {
+                    -webkit-animation: none;
+                    -moz-animation: none;
+                    -ms-animation: none;
+                    animation: none
+                }
+            </style>
+        </noscript>
+        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+        <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
+        <title>Through the fence 2020</title>
+        <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
+        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
+        <script type="application/ld+json">
+            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
+        </script>
+        <meta property="og:url" content="https://onl.st/linter-tester">
+        <meta property="title" content="Through the fence 2020">
+        <meta property="og:title" content="Through the fence 2020">
+        <meta property="twitter:title" content="Through the fence 2020">
+        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
+        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:url" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:width" content="1280">
+        <meta property="og:image:height" content="1920">
+        <meta name="twitter:card" content="summary_large_image">
+        <link rel="canonical" href="https://onl.st/linter-tester">
+        <style amp-custom>
+            .pbvnsupp amp-img.pbvnsup>img {
+                max-width: unset;
+                max-height: unset;
+                margin: 0;
+                height: 100%;
+                left: 0;
+                object-fit: cover;
+                top: 0;
+                width: 100%
+            }
+
+            .ubqhi {
+                border-color: #000;
+                border-style: solid;
+                border-width: 2px 2px 2px 2px;
+                color: rgba(255,255,255,1);
+                font-family: Roboto;
+                font-size: 5.24em;
+                font-weight: 700;
+                left: 14.44%;
+                letter-spacing: .02em;
+                line-height: 1.4em;
+                text-align: center;
+                top: 22.67%;
+                width: 71.11%
+            }
+
+            amp-img {
+                position: relative
+            }
+
+            .content-block {
+                padding: 10px 15px
+            }
+
+            .block {
+                position: relative;
+                padding: 5px;
+                word-break: break-word
+            }
+
+            .content-block amp-video {
+                display: block;
+                margin: 0 auto
+            }
+
+            .content-block>hr {
+                padding: 0;
+                margin: 5px 0;
+                border-top: 1px solid #eee
+            }
+
+            .block a {
+                color: inherit;
+                text-decoration: none
+            }
+
+            h1,h2,h3,h4,h5,h6,p {
+                padding: 0;
+                margin: 0
+            }
+
+            .cta-a {
+                text-decoration: none;
+                display: flex;
+                align-items: center
+            }
+
+            .cta-a span {
+                width: 100%
+            }
+
+            .svg-el svg {
+                display: block;
+                width: 100%;
+                height: 100%
+            }
+
+            .block .cta-a {
+                padding: .3em 1em;
+                display: inline-block
+            }
+
+            * {
+                -webkit-box-sizing: border-box;
+                -moz-box-sizing: border-box;
+                box-sizing: border-box
+            }
+
+            .cta-a amp-img {
+                width: 100%;
+                height: 100%
+            }
+
+            .cta-a amp-img img {
+                height: 100%;
+                width: 100%;
+                min-height: unset
+            }
+
+            .flip-vertically img {
+                transform: rotateY(180deg)
+            }
+
+            .flip-horizontally img {
+                transform: rotateX(180deg)
+            }
+
+            .flip-horizontally.flip-vertically img {
+                transform: rotateX(180deg) rotateY(180deg)
+            }
+
+            .pa {
+                position: absolute;
+                word-break: break-word
+            }
+
+            .img-fill,a.story-tooltip {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%
+            }
+
+            a.story-tooltip {
+                z-index: 1;
+                text-decoration: none;
+                color: inherit
+            }
+
+            .offset {
+                transform: translateX(-50%) translateY(-50%)
+            }
+
+            .oh {
+                overflow: hidden
+            }
+
+            .pa.kbimg {
+                width: 0;
+                height: 0
+            }
+
+            amp-story {
+                font-size: 3.125vw
+            }
+
+            @media screen and (min-aspect-ratio: 5/8) {
+                amp-story {
+                    font-size:2.95vw
+                }
+            }
+
+            @media screen and (min-width: 1024px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            @media screen and (min-width: 1024px) and (max-height:660px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            ::cue {
+                background-color: rgba(0,0,0,.75);
+                font-size: 24px;
+                line-height: 1.5
+            }
+
+            @media screen and (min-width: 768px) and (max-width:1024px) {
+                amp-story {
+                    font-size:130%
+                }
+            }
+        </style>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
+    </head>
+    <body>
+        <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
+            <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
+                <amp-story-grid-layer template="fill" class="pbvnsupp">
+                    <amp-img width="720" height="1280" layout="responsive" class="pbvnsup" id="pggaspiqcb-bg" src="https://images.unsplash.com/photo-1586021412933-1973b937d8d3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160" alt="Background Image"></amp-img>
+                </amp-story-grid-layer>
+                <amp-story-grid-layer template="vertical" id="sihdy">
+                    <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
+                </amp-story-grid-layer>
+            </amp-story-page>
+            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
+            <amp-story-bookend srca="bookend.json" layout="nodisplay"></amp-story-bookend>
+        </amp-story>
+    </body>
+</html>
diff --git a/packages/linter/tests/local/ImagesHaveAltText-2/source.html b/packages/linter/tests/local/ImagesHaveAltText-2/source.html
new file mode 100644
index 000000000..2552a578a
--- /dev/null
+++ b/packages/linter/tests/local/ImagesHaveAltText-2/source.html
@@ -0,0 +1,290 @@
+<!doctype html>
+<html amp lang="en">
+    <head>
+        <meta charset="utf-8">
+        <script async src="https://cdn.ampproject.org/v0.js" rel="preload"></script>
+        <style amp-boilerplate>
+            body {
+                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                animation: -amp-start 8s steps(1,end) 0s 1 normal both
+            }
+
+            @-webkit-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-moz-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-ms-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-o-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+        </style>
+        <noscript>
+            <style amp-boilerplate>
+                body {
+                    -webkit-animation: none;
+                    -moz-animation: none;
+                    -ms-animation: none;
+                    animation: none
+                }
+            </style>
+        </noscript>
+        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+        <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
+        <title>Through the fence 2020</title>
+        <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
+        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
+        <script type="application/ld+json">
+            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
+        </script>
+        <meta property="og:url" content="https://onl.st/linter-tester">
+        <meta property="title" content="Through the fence 2020">
+        <meta property="og:title" content="Through the fence 2020">
+        <meta property="twitter:title" content="Through the fence 2020">
+        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
+        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:url" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:width" content="1280">
+        <meta property="og:image:height" content="1920">
+        <meta name="twitter:card" content="summary_large_image">
+        <link rel="canonical" href="https://onl.st/linter-tester">
+        <style amp-custom>
+            .pbvnsupp amp-img.pbvnsup>img {
+                max-width: unset;
+                max-height: unset;
+                margin: 0;
+                height: 100%;
+                left: 0;
+                object-fit: cover;
+                top: 0;
+                width: 100%
+            }
+
+            .ubqhi {
+                border-color: #000;
+                border-style: solid;
+                border-width: 2px 2px 2px 2px;
+                color: rgba(255,255,255,1);
+                font-family: Roboto;
+                font-size: 5.24em;
+                font-weight: 700;
+                left: 14.44%;
+                letter-spacing: .02em;
+                line-height: 1.4em;
+                text-align: center;
+                top: 22.67%;
+                width: 71.11%
+            }
+
+            amp-img {
+                position: relative
+            }
+
+            .content-block {
+                padding: 10px 15px
+            }
+
+            .block {
+                position: relative;
+                padding: 5px;
+                word-break: break-word
+            }
+
+            .content-block amp-video {
+                display: block;
+                margin: 0 auto
+            }
+
+            .content-block>hr {
+                padding: 0;
+                margin: 5px 0;
+                border-top: 1px solid #eee
+            }
+
+            .block a {
+                color: inherit;
+                text-decoration: none
+            }
+
+            h1,h2,h3,h4,h5,h6,p {
+                padding: 0;
+                margin: 0
+            }
+
+            .cta-a {
+                text-decoration: none;
+                display: flex;
+                align-items: center
+            }
+
+            .cta-a span {
+                width: 100%
+            }
+
+            .svg-el svg {
+                display: block;
+                width: 100%;
+                height: 100%
+            }
+
+            .block .cta-a {
+                padding: .3em 1em;
+                display: inline-block
+            }
+
+            * {
+                -webkit-box-sizing: border-box;
+                -moz-box-sizing: border-box;
+                box-sizing: border-box
+            }
+
+            .cta-a amp-img {
+                width: 100%;
+                height: 100%
+            }
+
+            .cta-a amp-img img {
+                height: 100%;
+                width: 100%;
+                min-height: unset
+            }
+
+            .flip-vertically img {
+                transform: rotateY(180deg)
+            }
+
+            .flip-horizontally img {
+                transform: rotateX(180deg)
+            }
+
+            .flip-horizontally.flip-vertically img {
+                transform: rotateX(180deg) rotateY(180deg)
+            }
+
+            .pa {
+                position: absolute;
+                word-break: break-word
+            }
+
+            .img-fill,a.story-tooltip {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%
+            }
+
+            a.story-tooltip {
+                z-index: 1;
+                text-decoration: none;
+                color: inherit
+            }
+
+            .offset {
+                transform: translateX(-50%) translateY(-50%)
+            }
+
+            .oh {
+                overflow: hidden
+            }
+
+            .pa.kbimg {
+                width: 0;
+                height: 0
+            }
+
+            amp-story {
+                font-size: 3.125vw
+            }
+
+            @media screen and (min-aspect-ratio: 5/8) {
+                amp-story {
+                    font-size:2.95vw
+                }
+            }
+
+            @media screen and (min-width: 1024px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            @media screen and (min-width: 1024px) and (max-height:660px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            ::cue {
+                background-color: rgba(0,0,0,.75);
+                font-size: 24px;
+                line-height: 1.5
+            }
+
+            @media screen and (min-width: 768px) and (max-width:1024px) {
+                amp-story {
+                    font-size:130%
+                }
+            }
+        </style>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
+    </head>
+    <body>
+        <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
+            <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
+                <amp-story-grid-layer template="fill" class="pbvnsupp">
+                    <amp-img width="720" height="1280" layout="responsive" class="pbvnsup" id="pggaspiqcb-bg" src="https://images.unsplash.com/photo-1586021412933-1973b937d8d3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160"></amp-img>
+                </amp-story-grid-layer>
+                <amp-story-grid-layer template="vertical" id="sihdy">
+                    <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
+                </amp-story-grid-layer>
+            </amp-story-page>
+            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
+            <amp-story-bookend srca="bookend.json" layout="nodisplay"></amp-story-bookend>
+        </amp-story>
+    </body>
+</html>
diff --git a/packages/linter/tests/local/MetadataIncludesOGImageSrc-1/source.html b/packages/linter/tests/local/MetadataIncludesOGImageSrc-1/source.html
new file mode 100644
index 000000000..6fa0afdd8
--- /dev/null
+++ b/packages/linter/tests/local/MetadataIncludesOGImageSrc-1/source.html
@@ -0,0 +1,290 @@
+<!doctype html>
+<html amp lang="en">
+    <head>
+        <meta charset="utf-8">
+        <script async src="https://cdn.ampproject.org/v0.js" rel="preload"></script>
+        <style amp-boilerplate>
+            body {
+                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                animation: -amp-start 8s steps(1,end) 0s 1 normal both
+            }
+
+            @-webkit-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-moz-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-ms-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-o-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+        </style>
+        <noscript>
+            <style amp-boilerplate>
+                body {
+                    -webkit-animation: none;
+                    -moz-animation: none;
+                    -ms-animation: none;
+                    animation: none
+                }
+            </style>
+        </noscript>
+        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+        <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
+        <title>Through the fence 2020</title>
+        <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
+        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
+        <script type="application/ld+json">
+            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
+        </script>
+        <meta property="og:url" content="https://onl.st/linter-tester">
+        <meta property="title" content="Through the fence 2020">
+        <meta property="og:title" content="Through the fence 2020">
+        <meta property="twitter:title" content="Through the fence 2020">
+        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
+        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:url" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta property="og:image:width" content="1280">
+        <meta property="og:image:height" content="1920">
+        <meta name="twitter:card" content="summary_large_image">
+        <link rel="canonical" href="https://onl.st/linter-tester">
+        <style amp-custom>
+            .pbvnsupp amp-img.pbvnsup>img {
+                max-width: unset;
+                max-height: unset;
+                margin: 0;
+                height: 100%;
+                left: 0;
+                object-fit: cover;
+                top: 0;
+                width: 100%
+            }
+
+            .ubqhi {
+                border-color: #000;
+                border-style: solid;
+                border-width: 2px 2px 2px 2px;
+                color: rgba(255,255,255,1);
+                font-family: Roboto;
+                font-size: 5.24em;
+                font-weight: 700;
+                left: 14.44%;
+                letter-spacing: .02em;
+                line-height: 1.4em;
+                text-align: center;
+                top: 22.67%;
+                width: 71.11%
+            }
+
+            amp-img {
+                position: relative
+            }
+
+            .content-block {
+                padding: 10px 15px
+            }
+
+            .block {
+                position: relative;
+                padding: 5px;
+                word-break: break-word
+            }
+
+            .content-block amp-video {
+                display: block;
+                margin: 0 auto
+            }
+
+            .content-block>hr {
+                padding: 0;
+                margin: 5px 0;
+                border-top: 1px solid #eee
+            }
+
+            .block a {
+                color: inherit;
+                text-decoration: none
+            }
+
+            h1,h2,h3,h4,h5,h6,p {
+                padding: 0;
+                margin: 0
+            }
+
+            .cta-a {
+                text-decoration: none;
+                display: flex;
+                align-items: center
+            }
+
+            .cta-a span {
+                width: 100%
+            }
+
+            .svg-el svg {
+                display: block;
+                width: 100%;
+                height: 100%
+            }
+
+            .block .cta-a {
+                padding: .3em 1em;
+                display: inline-block
+            }
+
+            * {
+                -webkit-box-sizing: border-box;
+                -moz-box-sizing: border-box;
+                box-sizing: border-box
+            }
+
+            .cta-a amp-img {
+                width: 100%;
+                height: 100%
+            }
+
+            .cta-a amp-img img {
+                height: 100%;
+                width: 100%;
+                min-height: unset
+            }
+
+            .flip-vertically img {
+                transform: rotateY(180deg)
+            }
+
+            .flip-horizontally img {
+                transform: rotateX(180deg)
+            }
+
+            .flip-horizontally.flip-vertically img {
+                transform: rotateX(180deg) rotateY(180deg)
+            }
+
+            .pa {
+                position: absolute;
+                word-break: break-word
+            }
+
+            .img-fill,a.story-tooltip {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%
+            }
+
+            a.story-tooltip {
+                z-index: 1;
+                text-decoration: none;
+                color: inherit
+            }
+
+            .offset {
+                transform: translateX(-50%) translateY(-50%)
+            }
+
+            .oh {
+                overflow: hidden
+            }
+
+            .pa.kbimg {
+                width: 0;
+                height: 0
+            }
+
+            amp-story {
+                font-size: 3.125vw
+            }
+
+            @media screen and (min-aspect-ratio: 5/8) {
+                amp-story {
+                    font-size:2.95vw
+                }
+            }
+
+            @media screen and (min-width: 1024px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            @media screen and (min-width: 1024px) and (max-height:660px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            ::cue {
+                background-color: rgba(0,0,0,.75);
+                font-size: 24px;
+                line-height: 1.5
+            }
+
+            @media screen and (min-width: 768px) and (max-width:1024px) {
+                amp-story {
+                    font-size:130%
+                }
+            }
+        </style>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
+    </head>
+    <body>
+        <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
+            <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
+                <amp-story-grid-layer template="fill" class="pbvnsupp">
+                    <amp-img width="720" height="1280" layout="responsive" class="pbvnsup" id="pggaspiqcb-bg" src="https://images.unsplash.com/photo-1586021412933-1973b937d8d3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160" alt="Background Image"></amp-img>
+                </amp-story-grid-layer>
+                <amp-story-grid-layer template="vertical" id="sihdy">
+                    <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
+                </amp-story-grid-layer>
+            </amp-story-page>
+            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
+            <amp-story-bookend src="bookend.json" layout="nodisplay"></amp-story-bookend>
+        </amp-story>
+    </body>
+</html>
diff --git a/packages/linter/tests/local/MetadataIncludesOGImageSrc-2/source.html b/packages/linter/tests/local/MetadataIncludesOGImageSrc-2/source.html
new file mode 100644
index 000000000..937b2bed5
--- /dev/null
+++ b/packages/linter/tests/local/MetadataIncludesOGImageSrc-2/source.html
@@ -0,0 +1,287 @@
+<!doctype html>
+<html amp lang="en">
+    <head>
+        <meta charset="utf-8">
+        <script async src="https://cdn.ampproject.org/v0.js" rel="preload"></script>
+        <style amp-boilerplate>
+            body {
+                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
+                animation: -amp-start 8s steps(1,end) 0s 1 normal both
+            }
+
+            @-webkit-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-moz-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-ms-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @-o-keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+
+            @keyframes -amp-start {
+                from {
+                    visibility: hidden
+                }
+
+                to {
+                    visibility: visible
+                }
+            }
+        </style>
+        <noscript>
+            <style amp-boilerplate>
+                body {
+                    -webkit-animation: none;
+                    -moz-animation: none;
+                    -ms-animation: none;
+                    animation: none
+                }
+            </style>
+        </noscript>
+        <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+        <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
+        <title>Through the fence 2020</title>
+        <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
+        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
+        <script type="application/ld+json">
+            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
+        </script>
+        <meta property="og:url" content="https://onl.st/linter-tester">
+        <meta property="title" content="Through the fence 2020">
+        <meta property="og:title" content="Through the fence 2020">
+        <meta property="twitter:title" content="Through the fence 2020">
+        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
+        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
+        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
+        <meta name="twitter:card" content="summary_large_image">
+        <link rel="canonical" href="https://onl.st/linter-tester">
+        <style amp-custom>
+            .pbvnsupp amp-img.pbvnsup>img {
+                max-width: unset;
+                max-height: unset;
+                margin: 0;
+                height: 100%;
+                left: 0;
+                object-fit: cover;
+                top: 0;
+                width: 100%
+            }
+
+            .ubqhi {
+                border-color: #000;
+                border-style: solid;
+                border-width: 2px 2px 2px 2px;
+                color: rgba(255,255,255,1);
+                font-family: Roboto;
+                font-size: 5.24em;
+                font-weight: 700;
+                left: 14.44%;
+                letter-spacing: .02em;
+                line-height: 1.4em;
+                text-align: center;
+                top: 22.67%;
+                width: 71.11%
+            }
+
+            amp-img {
+                position: relative
+            }
+
+            .content-block {
+                padding: 10px 15px
+            }
+
+            .block {
+                position: relative;
+                padding: 5px;
+                word-break: break-word
+            }
+
+            .content-block amp-video {
+                display: block;
+                margin: 0 auto
+            }
+
+            .content-block>hr {
+                padding: 0;
+                margin: 5px 0;
+                border-top: 1px solid #eee
+            }
+
+            .block a {
+                color: inherit;
+                text-decoration: none
+            }
+
+            h1,h2,h3,h4,h5,h6,p {
+                padding: 0;
+                margin: 0
+            }
+
+            .cta-a {
+                text-decoration: none;
+                display: flex;
+                align-items: center
+            }
+
+            .cta-a span {
+                width: 100%
+            }
+
+            .svg-el svg {
+                display: block;
+                width: 100%;
+                height: 100%
+            }
+
+            .block .cta-a {
+                padding: .3em 1em;
+                display: inline-block
+            }
+
+            * {
+                -webkit-box-sizing: border-box;
+                -moz-box-sizing: border-box;
+                box-sizing: border-box
+            }
+
+            .cta-a amp-img {
+                width: 100%;
+                height: 100%
+            }
+
+            .cta-a amp-img img {
+                height: 100%;
+                width: 100%;
+                min-height: unset
+            }
+
+            .flip-vertically img {
+                transform: rotateY(180deg)
+            }
+
+            .flip-horizontally img {
+                transform: rotateX(180deg)
+            }
+
+            .flip-horizontally.flip-vertically img {
+                transform: rotateX(180deg) rotateY(180deg)
+            }
+
+            .pa {
+                position: absolute;
+                word-break: break-word
+            }
+
+            .img-fill,a.story-tooltip {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%
+            }
+
+            a.story-tooltip {
+                z-index: 1;
+                text-decoration: none;
+                color: inherit
+            }
+
+            .offset {
+                transform: translateX(-50%) translateY(-50%)
+            }
+
+            .oh {
+                overflow: hidden
+            }
+
+            .pa.kbimg {
+                width: 0;
+                height: 0
+            }
+
+            amp-story {
+                font-size: 3.125vw
+            }
+
+            @media screen and (min-aspect-ratio: 5/8) {
+                amp-story {
+                    font-size:2.95vw
+                }
+            }
+
+            @media screen and (min-width: 1024px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            @media screen and (min-width: 1024px) and (max-height:660px) {
+                amp-story {
+                    font-size:1.8vh
+                }
+            }
+
+            ::cue {
+                background-color: rgba(0,0,0,.75);
+                font-size: 24px;
+                line-height: 1.5
+            }
+
+            @media screen and (min-width: 768px) and (max-width:1024px) {
+                amp-story {
+                    font-size:130%
+                }
+            }
+        </style>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
+    </head>
+    <body>
+        <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
+            <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
+                <amp-story-grid-layer template="fill" class="pbvnsupp">
+                    <amp-img width="720" height="1280" layout="responsive" class="pbvnsup" id="pggaspiqcb-bg" src="https://images.unsplash.com/photo-1586021412933-1973b937d8d3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160" alt="Background Image"></amp-img>
+                </amp-story-grid-layer>
+                <amp-story-grid-layer template="vertical" id="sihdy">
+                    <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
+                </amp-story-grid-layer>
+            </amp-story-page>
+            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
+            <amp-story-bookend src="bookend.json" layout="nodisplay"></amp-story-bookend>
+        </amp-story>
+    </body>
+</html>

From e9f7ce10ec15fa520c149dde0dd8e205b59796ac Mon Sep 17 00:00:00 2001
From: Damani Brown <damanibrown@google.com>
Date: Mon, 11 May 2020 16:20:49 -0400
Subject: [PATCH 3/5] Removed unused var

---
 packages/linter/src/rules/MetadataIncludesOGImageSrc.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
index e605eab58..476d409a5 100644
--- a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
+++ b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
@@ -4,7 +4,6 @@ import { Rule } from "../rule";
 export class MetadataIncludesOGImageSrc extends Rule {
   run({ $ }: Context) {
     let hasOGImage = false;
-    let e: string = "";
 
     $("meta").each(function (i, elem) {
       if (
@@ -13,7 +12,7 @@ export class MetadataIncludesOGImageSrc extends Rule {
         elem.attribs.content
       ) {
         hasOGImage = true;
-        return false; //break the loop
+        return false; 
       }
     });
 

From b41933a8aebad8e32b26f914e74e628c3b21a063 Mon Sep 17 00:00:00 2001
From: Damani Brown <damanibrown@google.com>
Date: Mon, 11 May 2020 16:29:23 -0400
Subject: [PATCH 4/5] Recommitting for CI build, No code changes

---
 packages/linter/src/rules/MetadataIncludesOGImageSrc.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
index 476d409a5..12df29b26 100644
--- a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
+++ b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
@@ -12,7 +12,7 @@ export class MetadataIncludesOGImageSrc extends Rule {
         elem.attribs.content
       ) {
         hasOGImage = true;
-        return false; 
+        return false;
       }
     });
 

From c3e266d9b9338344f646ce905108902851577765 Mon Sep 17 00:00:00 2001
From: Damani Brown <damanibrown@google.com>
Date: Tue, 12 May 2020 11:30:59 -0400
Subject: [PATCH 5/5] Code cleanup

---
 .../src/rules/MetadataIncludesOGImageSrc.ts   |   2 +-
 packages/linter/tests/local.ts                |   2 +-
 .../local/ImagesHaveAltText-1/source.html     | 200 +-----------------
 .../local/ImagesHaveAltText-2/source.html     | 200 +-----------------
 4 files changed, 4 insertions(+), 400 deletions(-)

diff --git a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
index 12df29b26..104660414 100644
--- a/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
+++ b/packages/linter/src/rules/MetadataIncludesOGImageSrc.ts
@@ -22,7 +22,7 @@ export class MetadataIncludesOGImageSrc extends Rule {
   }
   meta() {
     return {
-      url: "https://ogp.me/",
+      url: "https://blog.amp.dev/2020/02/12/seo-for-amp-stories/",
       title: "Metadata includes og:image and src",
       info: "",
     };
diff --git a/packages/linter/tests/local.ts b/packages/linter/tests/local.ts
index 31559965a..5c9cb337a 100644
--- a/packages/linter/tests/local.ts
+++ b/packages/linter/tests/local.ts
@@ -105,7 +105,7 @@ assertWarn(
 );
 
 assertPass(
-  `${MetadataIncludesOGImageSrc.name} - <meta property="og:image"> is presentt`,
+  `${MetadataIncludesOGImageSrc.name} - <meta property="og:image"> is present`,
   runLocalTest(
     MetadataIncludesOGImageSrc,
     "local/MetadataIncludesOGImageSrc-1/source.html"
diff --git a/packages/linter/tests/local/ImagesHaveAltText-1/source.html b/packages/linter/tests/local/ImagesHaveAltText-1/source.html
index 03896941b..ab6efb0a9 100644
--- a/packages/linter/tests/local/ImagesHaveAltText-1/source.html
+++ b/packages/linter/tests/local/ImagesHaveAltText-1/source.html
@@ -75,204 +75,7 @@
         <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
         <title>Through the fence 2020</title>
         <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
-        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
-        <script type="application/ld+json">
-            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
-        </script>
-        <meta property="og:url" content="https://onl.st/linter-tester">
-        <meta property="title" content="Through the fence 2020">
-        <meta property="og:title" content="Through the fence 2020">
-        <meta property="twitter:title" content="Through the fence 2020">
-        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
-        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
-        <meta property="og:image:url" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
-        <meta property="og:image:width" content="1280">
-        <meta property="og:image:height" content="1920">
-        <meta name="twitter:card" content="summary_large_image">
-        <link rel="canonical" href="https://onl.st/linter-tester">
-        <style amp-custom>
-            .pbvnsupp amp-img.pbvnsup>img {
-                max-width: unset;
-                max-height: unset;
-                margin: 0;
-                height: 100%;
-                left: 0;
-                object-fit: cover;
-                top: 0;
-                width: 100%
-            }
-
-            .ubqhi {
-                border-color: #000;
-                border-style: solid;
-                border-width: 2px 2px 2px 2px;
-                color: rgba(255,255,255,1);
-                font-family: Roboto;
-                font-size: 5.24em;
-                font-weight: 700;
-                left: 14.44%;
-                letter-spacing: .02em;
-                line-height: 1.4em;
-                text-align: center;
-                top: 22.67%;
-                width: 71.11%
-            }
-
-            amp-img {
-                position: relative
-            }
-
-            .content-block {
-                padding: 10px 15px
-            }
-
-            .block {
-                position: relative;
-                padding: 5px;
-                word-break: break-word
-            }
-
-            .content-block amp-video {
-                display: block;
-                margin: 0 auto
-            }
-
-            .content-block>hr {
-                padding: 0;
-                margin: 5px 0;
-                border-top: 1px solid #eee
-            }
-
-            .block a {
-                color: inherit;
-                text-decoration: none
-            }
-
-            h1,h2,h3,h4,h5,h6,p {
-                padding: 0;
-                margin: 0
-            }
-
-            .cta-a {
-                text-decoration: none;
-                display: flex;
-                align-items: center
-            }
-
-            .cta-a span {
-                width: 100%
-            }
-
-            .svg-el svg {
-                display: block;
-                width: 100%;
-                height: 100%
-            }
-
-            .block .cta-a {
-                padding: .3em 1em;
-                display: inline-block
-            }
-
-            * {
-                -webkit-box-sizing: border-box;
-                -moz-box-sizing: border-box;
-                box-sizing: border-box
-            }
-
-            .cta-a amp-img {
-                width: 100%;
-                height: 100%
-            }
-
-            .cta-a amp-img img {
-                height: 100%;
-                width: 100%;
-                min-height: unset
-            }
-
-            .flip-vertically img {
-                transform: rotateY(180deg)
-            }
-
-            .flip-horizontally img {
-                transform: rotateX(180deg)
-            }
-
-            .flip-horizontally.flip-vertically img {
-                transform: rotateX(180deg) rotateY(180deg)
-            }
-
-            .pa {
-                position: absolute;
-                word-break: break-word
-            }
-
-            .img-fill,a.story-tooltip {
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%
-            }
-
-            a.story-tooltip {
-                z-index: 1;
-                text-decoration: none;
-                color: inherit
-            }
-
-            .offset {
-                transform: translateX(-50%) translateY(-50%)
-            }
-
-            .oh {
-                overflow: hidden
-            }
-
-            .pa.kbimg {
-                width: 0;
-                height: 0
-            }
-
-            amp-story {
-                font-size: 3.125vw
-            }
-
-            @media screen and (min-aspect-ratio: 5/8) {
-                amp-story {
-                    font-size:2.95vw
-                }
-            }
-
-            @media screen and (min-width: 1024px) {
-                amp-story {
-                    font-size:1.8vh
-                }
-            }
-
-            @media screen and (min-width: 1024px) and (max-height:660px) {
-                amp-story {
-                    font-size:1.8vh
-                }
-            }
-
-            ::cue {
-                background-color: rgba(0,0,0,.75);
-                font-size: 24px;
-                line-height: 1.5
-            }
-
-            @media screen and (min-width: 768px) and (max-width:1024px) {
-                amp-story {
-                    font-size:130%
-                }
-            }
-        </style>
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
-    </head>
+        </head>
     <body>
         <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
             <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
@@ -283,7 +86,6 @@
                     <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
                 </amp-story-grid-layer>
             </amp-story-page>
-            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
             <amp-story-bookend srca="bookend.json" layout="nodisplay"></amp-story-bookend>
         </amp-story>
     </body>
diff --git a/packages/linter/tests/local/ImagesHaveAltText-2/source.html b/packages/linter/tests/local/ImagesHaveAltText-2/source.html
index 2552a578a..1b8f752db 100644
--- a/packages/linter/tests/local/ImagesHaveAltText-2/source.html
+++ b/packages/linter/tests/local/ImagesHaveAltText-2/source.html
@@ -75,204 +75,7 @@
         <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
         <title>Through the fence 2020</title>
         <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
-        <link rel="shortcut icon" href="https://app.makestories.io/images/favicon.png" type="image/x-icon">
-        <script type="application/ld+json">
-            {"@context":"https://schema.org","@type":"event","mainEntityOfPage":{"@type":"WebPage","@id":"https://onl.st/linter-tester"},"name":"Dee Brown","description":"Come gather at the 2020 Through the Fence Festival","image":{"@type":"ImageObject","url":"https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160","width":1280,"height":1920},"location":{"@type":"Place","name":"","address":{"@type":"PostalAddress","streetAddress":"","addressLocality":"","addressRegion":"","postalCode":"","addressCountry":""}},"startDate":"05/01/2020T5:54:33","endDate":"05/02/2020T4:57:33","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"http://schema.org/OfflineEventAttendanceMode","performer":{"@type":"Person","name":""}}
-        </script>
-        <meta property="og:url" content="https://onl.st/linter-tester">
-        <meta property="title" content="Through the fence 2020">
-        <meta property="og:title" content="Through the fence 2020">
-        <meta property="twitter:title" content="Through the fence 2020">
-        <meta property="keywords" name="keywords" content="Through the fence festival music fun ">
-        <meta property="description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="og:description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="twitter:description" content="Come gather at the 2020 Through the Fence Festival">
-        <meta property="twitter:image" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
-        <meta property="og:image:url" content="https://images.unsplash.com/photo-1533794318766-897f4d50cb39?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjI1MTY2fQ&q=85&w=2160">
-        <meta property="og:image:width" content="1280">
-        <meta property="og:image:height" content="1920">
-        <meta name="twitter:card" content="summary_large_image">
-        <link rel="canonical" href="https://onl.st/linter-tester">
-        <style amp-custom>
-            .pbvnsupp amp-img.pbvnsup>img {
-                max-width: unset;
-                max-height: unset;
-                margin: 0;
-                height: 100%;
-                left: 0;
-                object-fit: cover;
-                top: 0;
-                width: 100%
-            }
-
-            .ubqhi {
-                border-color: #000;
-                border-style: solid;
-                border-width: 2px 2px 2px 2px;
-                color: rgba(255,255,255,1);
-                font-family: Roboto;
-                font-size: 5.24em;
-                font-weight: 700;
-                left: 14.44%;
-                letter-spacing: .02em;
-                line-height: 1.4em;
-                text-align: center;
-                top: 22.67%;
-                width: 71.11%
-            }
-
-            amp-img {
-                position: relative
-            }
-
-            .content-block {
-                padding: 10px 15px
-            }
-
-            .block {
-                position: relative;
-                padding: 5px;
-                word-break: break-word
-            }
-
-            .content-block amp-video {
-                display: block;
-                margin: 0 auto
-            }
-
-            .content-block>hr {
-                padding: 0;
-                margin: 5px 0;
-                border-top: 1px solid #eee
-            }
-
-            .block a {
-                color: inherit;
-                text-decoration: none
-            }
-
-            h1,h2,h3,h4,h5,h6,p {
-                padding: 0;
-                margin: 0
-            }
-
-            .cta-a {
-                text-decoration: none;
-                display: flex;
-                align-items: center
-            }
-
-            .cta-a span {
-                width: 100%
-            }
-
-            .svg-el svg {
-                display: block;
-                width: 100%;
-                height: 100%
-            }
-
-            .block .cta-a {
-                padding: .3em 1em;
-                display: inline-block
-            }
-
-            * {
-                -webkit-box-sizing: border-box;
-                -moz-box-sizing: border-box;
-                box-sizing: border-box
-            }
-
-            .cta-a amp-img {
-                width: 100%;
-                height: 100%
-            }
-
-            .cta-a amp-img img {
-                height: 100%;
-                width: 100%;
-                min-height: unset
-            }
-
-            .flip-vertically img {
-                transform: rotateY(180deg)
-            }
-
-            .flip-horizontally img {
-                transform: rotateX(180deg)
-            }
-
-            .flip-horizontally.flip-vertically img {
-                transform: rotateX(180deg) rotateY(180deg)
-            }
-
-            .pa {
-                position: absolute;
-                word-break: break-word
-            }
-
-            .img-fill,a.story-tooltip {
-                top: 0;
-                left: 0;
-                width: 100%;
-                height: 100%
-            }
-
-            a.story-tooltip {
-                z-index: 1;
-                text-decoration: none;
-                color: inherit
-            }
-
-            .offset {
-                transform: translateX(-50%) translateY(-50%)
-            }
-
-            .oh {
-                overflow: hidden
-            }
-
-            .pa.kbimg {
-                width: 0;
-                height: 0
-            }
-
-            amp-story {
-                font-size: 3.125vw
-            }
-
-            @media screen and (min-aspect-ratio: 5/8) {
-                amp-story {
-                    font-size:2.95vw
-                }
-            }
-
-            @media screen and (min-width: 1024px) {
-                amp-story {
-                    font-size:1.8vh
-                }
-            }
-
-            @media screen and (min-width: 1024px) and (max-height:660px) {
-                amp-story {
-                    font-size:1.8vh
-                }
-            }
-
-            ::cue {
-                background-color: rgba(0,0,0,.75);
-                font-size: 24px;
-                line-height: 1.5
-            }
-
-            @media screen and (min-width: 768px) and (max-width:1024px) {
-                amp-story {
-                    font-size:130%
-                }
-            }
-        </style>
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto:400,700" media="all">
-    </head>
+        </head>
     <body>
         <amp-story standalone poster-portrait-src="https://ss.makestories.io/get?story=-M6q2XpFIDyuU4zoj45u&version=1588971636320&width=696&height=1237" publisher-logo-src="https://app.makestories.io/images/favicon.png" publisher="MakeStories" title="Through the fence 2020">
             <amp-story-page id="pggaspiqcb" class="pggaspiqcb ms-st-pg">
@@ -283,7 +86,6 @@
                     <h1 class="ubqhi pa" id="leovpcjjbg">Through The Fence 2020</h1>
                 </amp-story-grid-layer>
             </amp-story-page>
-            <amp-analytics config="https://makestories-staging.firebaseapp.com/analytics?storyId=-M6q2XpFIDyuU4zoj45u"></amp-analytics>
             <amp-story-bookend srca="bookend.json" layout="nodisplay"></amp-story-bookend>
         </amp-story>
     </body>