<!--
  Copyright 2015 The AMP HTML Authors. All Rights Reserved.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS-IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the license.
-->
<!--
  Test Description:
  This tests for amp-access syntax.
-->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1">
  <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>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-access" src="https://cdn.ampproject.org/v0/amp-access-0.1.js"></script>
  <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
  <script id="amp-access" type="application/json">
    {
      "contents": "currently untested"
    }
  </script>
</head>
<body>
Hello, world.

<!-- amp-access attributes should be allowed on both valid amp elements
     as well as valid html elements -->
<amp-youtube
    width="480" height="270"
    data-videoid="dQw4w9WgXcQ"
    amp-access="lemur">
</amp-youtube>
<p amp-access="lemur"></p>
<noscript>
  <img src="https://example.com/" amp-access="lemur" />
</noscript>

<!-- test some other attributes -->
<span amp-access="lemur"
     amp-access-loading="lemur"
     amp-access-loader="lemur"
     amp-access-template="lemur"
     amp-access-off="lemur"
     amp-access-on="lemur"
     amp-access-show="lemur"
     amp-access-hide="lemur"
     amp-access-style="lemur"
     amp-access-behavior="lemur"
     amp-access-id="lemur">
</span>

</body>
</html>
