<!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-springboard-player 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-springboard-player" src="https://cdn.ampproject.org/v0/amp-springboard-player-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 -->
  <amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-site-id must be numeric -->
  <amp-springboard-player data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-player-id must be alphanumeric -->
  <amp-springboard-player data-site-id="261" data-mode="playlist" data-content-id="1578473" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-content-id required -->
  <amp-springboard-player data-site-id="261" data-mode="video" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-domain required -->
  <amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-items required -->
  <amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-mode required -->
  <amp-springboard-player data-site-id="261" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-player-id required -->
  <amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: data-site-id required -->
  <amp-springboard-player data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"></amp-springboard-player>
  <!-- invalid: bad layout -->
  <amp-springboard-player data-site-id="261" data-mode="playlist" data-player-id="test401" width="480" height="270"></amp-springboard-player>
</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-springboard-player 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-springboard-player" src="https://cdn.ampproject.org/v0/amp-springboard-player-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 -->
Line 33:   <amp-springboard-player data-site-id="261" data-mode="video"
Line 34:       data-content-id="1578473" data-player-id="test401"
Line 35:       data-domain="test.com" data-items="10"
Line 36:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 37:   <!-- invalid: data-site-id must be numeric -->
Line 38:   <amp-springboard-player data-site-id="a261" data-mode="video"
Line 39:       data-content-id="1578473" data-player-id="test401"
Line 40:       data-domain="test.com" data-items="10"
Line 41:       layout="fixed"width="480" height="270"></amp-springboard-player>
Line 42:   <!-- invalid: data-player-id must be alphanumeric -->
Line 43:   <amp-springboard-player data-site-id="261" data-mode="playlist"
Line 44:       data-content-id="1578473" data-player-id="test 401"
Line 45:       data-domain="test.com" data-items="10"
Line 46:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 47:   <!-- invalid: data-content-id required -->
Line 48:   <amp-springboard-player data-site-id="261" data-mode="video"
Line 49:       data-player-id="test401"
Line 50:       data-domain="test.com" data-items="10"
Line 51:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 52:   <!-- invalid: data-domain required -->
Line 53:   <amp-springboard-player data-site-id="261" data-mode="video"
Line 54:       data-content-id="1578473" data-player-id="test401"
Line 55:       data-items="10"
Line 56:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 57:   <!-- invalid: data-items required -->
Line 58:   <amp-springboard-player data-site-id="261" data-mode="video"
Line 59:       data-content-id="1578473" data-player-id="test401"
Line 60:       data-domain="test.com"
Line 61:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 62:   <!-- invalid: data-mode required -->
Line 63:   <amp-springboard-player data-site-id="261"
Line 64:       data-content-id="1578473" data-player-id="test401"
Line 65:       data-domain="test.com" data-items="10"
Line 66:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 67:   <!-- invalid: data-player-id required -->
Line 68:   <amp-springboard-player data-site-id="261" data-mode="video"
Line 69:       data-content-id="1578473"
Line 70:       data-domain="test.com" data-items="10"
Line 71:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 72:   <!-- invalid: data-site-id required -->
Line 73:   <amp-springboard-player data-mode="video"
Line 74:       data-content-id="1578473" data-player-id="test401"
Line 75:       data-domain="test.com" data-items="10"
Line 76:       layout="fixed" width="480" height="270"></amp-springboard-player>
Line 77:   <!-- invalid: bad layout -->
Line 78:   <amp-springboard-player data-site-id="261" data-mode="playlist"
Line 79:       data-player-id="test401"
Line 80:       layout="fixed-height" width="480" height="270"></amp-springboard-player>
Line 81: </body>
Line 82: </html>
Line 83: 



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

<amp-springboard-player data-site-id="a261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 41
- The attribute 'data-site-id' in tag 'amp-springboard-player' is set to the invalid value 'a261'.
   [code: INVALID_ATTR_VALUE  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]
   ACTION TAKEN: amp-springboard-player.data-site-id attribute was removed due to validation issues.

<amp-springboard-player data-site-id="261" data-mode="playlist" data-content-id="1578473" data-player-id="test 401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 46
- The attribute 'data-player-id' in tag 'amp-springboard-player' is set to the invalid value 'test 401'.
   [code: INVALID_ATTR_VALUE  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]
   ACTION TAKEN: amp-springboard-player.data-player-id attribute was removed due to validation issues.

<amp-springboard-player data-site-id="261" data-mode="video" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 51
- The mandatory attribute 'data-content-id' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-items="10" layout="fixed" width="480" height="270"> on line 56
- The mandatory attribute 'data-domain' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" layout="fixed" width="480" height="270"> on line 61
- The mandatory attribute 'data-items' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-site-id="261" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 66
- The mandatory attribute 'data-mode' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-site-id="261" data-mode="video" data-content-id="1578473" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 71
- The mandatory attribute 'data-player-id' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-mode="video" data-content-id="1578473" data-player-id="test401" data-domain="test.com" data-items="10" layout="fixed" width="480" height="270"> on line 76
- The mandatory attribute 'data-site-id' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

<amp-springboard-player data-site-id="261" data-mode="playlist" data-player-id="test401" layout="fixed-height" width="480" height="270"> on line 80
- The specified layout 'FIXED_HEIGHT' is not supported by tag 'amp-springboard-player'.
   [code: SPECIFIED_LAYOUT_INVALID  category: AMP_LAYOUT_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]
   ACTION TAKEN: amp-springboard-player.layout attribute was removed due to validation issues.
- The mandatory attribute 'data-content-id' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]
- The mandatory attribute 'data-domain' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]
- The mandatory attribute 'data-items' is missing in tag 'amp-springboard-player'.
   [code: MANDATORY_ATTR_MISSING  category: AMP_TAG_PROBLEM see: https://github.com/ampproject/amphtml/blob/master/extensions/amp-springboard-player/amp-springboard-player.html]

COMPONENT NAMES WITH JS PATH
------------------------------
No custom amp script includes required
