Polymer 1.0 test for nested templates

by gabriela b

HTML

<script src="https://elements.polymer-project.org/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<script src="https://www.polymer-project.org/components/polymer/polymer.html"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.6/select2.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.6/select2.css">
<!-- custom element that implements a select2 list -->
    <polymer-element name="x-foo">
      <template>
        <h1>Select2 all up in here!</h1>
        <content></content>
      </template>
      <script>
        Polymer('x-foo', {

        });
      </script>
    </polymer-element>

    <x-foo>
      <select id="e1">
       <option value="Afghanistan" data-alternative-spellings="AF افغانستان">Afghanistan</option>
				<option value="Åland Islands" data-alternative-spellings="AX Aaland Aland" data-relevancy-booster="0.5">
					Åland Islands
				</option>
				<option value="Albania" data-alternative-spellings="AL">Albania</option>
				
      </select>
    </x-foo>

    <script>
      $(document).ready(function() { $("#e1").select2(); });
    </script>

<!-- select2 jQuery events:  http://code.runnable.com/UmuP-67-dQlIAAFU/events-in-select2-for-jquery  -->