Issues with databinding

[srsudar]

I'm struggling to get data binding to work.

I'm defining a custom element in a my-element.html file, like follows:

<dom-module id="my-element">
  <template>
    <style>
      :host {
        display: block;
        box-sizing: border-box;
      }
    </style>
      <div id="txt-url" class="card-content">{{captureUrl}}</div>
  </template>
  <script>
    Polymer({
      is: 'my-element',
      properties: { captureUrl: String }
    });
  </script>

Here is the relevant portion of my my-element-test.html file:

    <test-fixture id="cached-page-summary-fixture">
      <template>
        <cached-page-summary>
          <h2>seed-element</h2>
        </cached-page-summary>
      </template>
    </test-fixture>

    <script>
      suite('<cached-page-summary>', function() {

        var myEl;

        setup(function() {
          myEl = fixture('cached-page-summary-fixture', {captureUrl: 'the url'});
        });

        test('heading is captureUrl', function() {
          var urlDiv = myEl.$$('#txt-url');
          // this will obviously fail, but used for logging purposes
          assert.equal(urlDiv, boundData.captureUrl);
        });
    });
    </script>

When I run this I see urlDiv in the error message (console.log wasn't working for me), and the div is empty, without captureUrl bound and inserted into the function. What am I doing wrong here? Am I mis-using Polymer? Mis-using test-fixture?

[srsudar]

I realized Stack Overflow might be a better place to ask this question, so I cross posted it there.

[srsudar]

I eventually go this working with the stack overflow post linked above.