<!DOCTYPE html>
<!--
  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 validation for the amp-soundcloud tag.
--><html amp><head>
    <meta charset="utf-8">
    <link rel="canonical" href="amps.html">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet" type="text/css">
    <script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js"></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>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
  <!-- valid: classic mode -->
  <amp-soundcloud height="166" data-trackid="243169232" data-color="ff5500" layout="fixed-height"></amp-soundcloud>
  <!-- valid: visual mode -->
  <amp-soundcloud height="166" data-trackid="243169232" data-visual="true" layout="fixed-height"></amp-soundcloud>
  <!-- invalid: visual mode must be 'true' or 'false'-->
  <amp-soundcloud height="166" data-trackid="243169232" layout="fixed-height"></amp-soundcloud>
  <!-- invalid: bad trackid-->
  <amp-soundcloud height="166" data-visual="false" layout="fixed-height"></amp-soundcloud>
  <!-- invalid: bad layout -->
  <amp-soundcloud height="166" width="42" data-trackid="243169232" data-visual="true"></amp-soundcloud>
  <!-- valid: classic mode with three letter color -->
  <amp-soundcloud height="166" data-trackid="243169232" data-color="fff" layout="fixed-height"></amp-soundcloud>
</body>

</html>


ORIGINAL HTML
---------------
Line  1: <!--
Line  2:   Copyright 2015 The AMP HTML Authors. All Rights Reserved.
Line  3: 
Line  4:   Licensed under the Apache License, Version 2.0 (the "License");
Line  5:   you may not use this file except in compliance with the License.
Line  6:   You may obtain a copy of the License at
Line  7: 
Line  8:       http://www.apache.org/licenses/LICENSE-2.0
Line  9: 
Line 10:   Unless required by applicable law or agreed to in writing, software
Line 11:   distributed under the License is distributed on an "AS-IS" BASIS,
Line 12:   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
Line 13:   See the License for the specific language governing permissions and
Line 14:   limitations under the license.
Line 15: -->
Line 16: <!--
Line 17:   Test Description:
Line 18:   This tests validation for the amp-soundcloud tag.
Line 19: -->
Line 20: <!doctype html>
Line 21: <html ⚡>
Line 22: <head>
Line 23:     <meta charset="utf-8">
Line 24:     <link rel="canonical" href="amps.html">
Line 25:     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
Line 26:     <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet" type="text/css">
Line 27:     <script async custom-element="amp-soundcloud" src="https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js"></script>
Line 28:      <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>
Line 29:     <script async src="https://cdn.ampproject.org/v0.js"></script>
Line 30: </head>
Line 31: <body>
Line 32:   <!-- valid: classic mode -->
Line 33:   <amp-soundcloud height=166 data-trackid="243169232" data-color="ff5500"
Line 34:                   layout="fixed-height"></amp-soundcloud>
Line 35:   <!-- valid: visual mode -->
Line 36:   <amp-soundcloud height=166 data-trackid="243169232" data-visual="true"
Line 37:                   layout="fixed-height"></amp-soundcloud>
Line 38:   <!-- invalid: visual mode must be 'true' or 'false'-->
Line 39:   <amp-soundcloud height=166 data-trackid="243169232" data-visual
Line 40:                   layout="fixed-height"></amp-soundcloud>
Line 41:   <!-- invalid: bad trackid-->
Line 42:   <amp-soundcloud height=166 data-trackid="mahler_number_6.ogg" data-visual="false"
Line 43:                   layout="fixed-height"></amp-soundcloud>
Line 44:   <!-- invalid: bad layout -->
Line 45:   <amp-soundcloud height=166 width=42 data-trackid="243169232" data-visual="true"
Line 46:                   layout="responsive"></amp-soundcloud>
Line 47:   <!-- valid: classic mode with three letter color -->
Line 48:   <amp-soundcloud height=166 data-trackid="243169232" data-color="fff"
Line 49:                   layout="fixed-height"></amp-soundcloud>
Line 50: </body>
Line 51: </html>
Line 52: 



AMP-HTML Validation Issues and Fixes
-------------------------------------
FAIL

<amp-soundcloud height="166" data-trackid="243169232" data-visual layout="fixed-height"> on line 40
- The attribute 'data-visual' in tag 'amp-soundcloud' is set to the invalid value ''.
   [code: INVALID_ATTR_VALUE  category: AMP_TAG_PROBLEM see: https://www.ampproject.org/docs/reference/extended/amp-soundcloud.html]
   ACTION TAKEN: amp-soundcloud.data-visual attribute was removed due to validation issues.

<amp-soundcloud height="166" data-trackid="mahler_number_6.ogg" data-visual="false" layout="fixed-height"> on line 43
- The attribute 'data-trackid' in tag 'amp-soundcloud' is set to the invalid value 'mahler_number_6.ogg'.
   [code: INVALID_ATTR_VALUE  category: AMP_TAG_PROBLEM see: https://www.ampproject.org/docs/reference/extended/amp-soundcloud.html]
   ACTION TAKEN: amp-soundcloud.data-trackid attribute was removed due to validation issues.

<amp-soundcloud height="166" width="42" data-trackid="243169232" data-visual="true" layout="responsive"> on line 46
- The specified layout 'RESPONSIVE' is not supported by tag 'amp-soundcloud'.
   [code: SPECIFIED_LAYOUT_INVALID  category: AMP_LAYOUT_PROBLEM see: https://www.ampproject.org/docs/reference/extended/amp-soundcloud.html]
   ACTION TAKEN: amp-soundcloud.layout attribute was removed due to validation issues.

COMPONENT NAMES WITH JS PATH
------------------------------
'amp-soundcloud', include path 'https://cdn.ampproject.org/v0/amp-soundcloud-0.1.js'

