debugger.ts

import { resetDebuggerCallback, setDebuggerCallback } from '@glimmer/runtime';

import { RenderTest } from '../render-test';
import { test } from '../test-decorator';

export class DebuggerSuite extends RenderTest {
  static suiteName = 'Debugger';

  afterEach() {
    resetDebuggerCallback();
  }

  @test
  'basic debugger statement'() {
    let expectedContext = {
      foo: 'bar',
      a: {
        b: true,
      },
    };
    let callbackExecuted = 0;

    setDebuggerCallback((context: any, get) => {
      callbackExecuted++;
      this.assert.strictEqual(context.foo, expectedContext.foo);
      this.assert.strictEqual(get('foo'), expectedContext.foo);
    });

    this.render(
      '{{#if this.a.b}}true{{debugger}}{{else}}false{{debugger}}{{/if}}',
      expectedContext
    );
    this.assert.strictEqual(callbackExecuted, 1);
    this.assertHTML('true');
    this.assertStableRerender();

    expectedContext = {
      foo: 'baz',
      a: {
        b: false,
      },
    };
    this.rerender(expectedContext);
    this.assert.strictEqual(callbackExecuted, 2);
    this.assertHTML('false');
    this.assertStableNodes();

    expectedContext = {
      foo: 'bar',
      a: {
        b: true,
      },
    };
    this.rerender(expectedContext);
    this.assert.strictEqual(callbackExecuted, 3);
    this.assertHTML('true');
    this.assertStableNodes();
  }

  @test
  'can get locals'() {
    let expectedContext = {
      foo: 'bar',
      a: {
        b: true,
      },
    };
    let callbackExecuted = 0;

    setDebuggerCallback((context: any, get) => {
      callbackExecuted++;
      this.assert.strictEqual(get('foo'), expectedContext.foo);
      this.assert.strictEqual(get('bar'), expectedContext.foo);
      this.assert.deepEqual(get('this'), context);
    });

    this.render(
      '{{#let this.foo as |bar|}}{{#if this.a.b}}true{{debugger}}{{else}}false{{debugger}}{{/if}}{{/let}}',
      expectedContext
    );
    this.assert.strictEqual(callbackExecuted, 1);
    this.assertHTML('true');
    this.assertStableRerender();

    expectedContext = {
      foo: 'baz',
      a: {
        b: false,
      },
    };
    this.rerender(expectedContext);
    this.assert.strictEqual(callbackExecuted, 2);
    this.assertHTML('false');
    this.assertStableNodes();

    expectedContext = {
      foo: 'bar',
      a: {
        b: true,
      },
    };
    this.rerender(expectedContext);
    this.assert.strictEqual(callbackExecuted, 3);
    this.assertHTML('true');
    this.assertStableNodes();
  }
}