et');

      data.b = () => data.a.toLowerCase();
      test(p3.innerText === 'red', 'p#3 data computed');

      data.a = 'GREEN';
      test(p3.innerText === 'green', 'p#3 data set from computed');

      delete data.a;
      test(!p2.isConnected, 'p#2 not connected');
      delete data.b;
      test(!p3.isConnected, 'p#3 not connected');
    </script>

    <template sb-if="a">
      <p id="4">temp</p>
    </template>
    <script>
      test(document.getElementById('4') === null, 'p#4 not found');

      