aurelia/aurelia

File custom-attributes.spec.ts has 859 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { DI, IContainer, Registration, resolve } from '@aurelia/kernel';
import {
  CustomAttribute,
  IAurelia,
  IHydratedComponentController,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('works with coercer bindable', function () {
      let setCount = 0;
      const values = [];
      @customAttribute('my-attr')
      class MyAttr {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    @customAttribute({ name: 'foo5', aliases: ['foo53'] })
    @alias(...['foo51', 'foo52'])
    class Fooatt5 {
      @bindable({ primary: true })
      public value: any;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    @customAttribute({ name: 'foo4', aliases: ['foo43'] })
    @alias('foo41', 'foo42')
    class Fooatt4 {
      @bindable({ primary: true })
      public value: any;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('works with resolve and inheritance', function () {
      class Base { au = resolve(IAurelia); }
      @customAttribute('attr')
      class Attr extends Base {}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('does not invoke change handler when starts with commands', async function () {
      const { fooVm, tearDown } = setupChangeHandlerTest('<div foo.bind="prop"></foo>');
      assert.strictEqual(fooVm.propChangedCallCount, 0);
      fooVm.prop = '5';
      assert.strictEqual(fooVm.propChangedCallCount, 1);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('does not invoke change handler when starts with plain usage', async function () {
      const { fooVm, tearDown } = setupChangeHandlerTest('<div foo="prop"></div>');
      assert.strictEqual(fooVm.propChangedCallCount, 0);
      fooVm.prop = '5';
      assert.strictEqual(fooVm.propChangedCallCount, 1);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      @customAttribute('my-attr')
      class MyAttr {
        v = resolve(IExample);
        host = resolve(INode) as HTMLElement;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      @customElement('my-ce')
      class MyCe {
        e = resolve(IExample);
        host = resolve(INode) as HTMLElement;

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple Alias (1st position) works on custom attribute', async function () {
      const options = createFixture('<template> <div foo41.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple Alias (2nd position) works on custom attribute', async function () {
      const options = createFixture('<template> <div foo42.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('2 aliases and attribute alias original works', async function () {
      const options = createFixture('<template> <div foo44.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple spread Alias doesn\'t break original custom attribute', async function () {
      const options = createFixture('<template> <div foo5.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('2 aliases and attribute alias first alias deco works', async function () {
      const options = createFixture('<template> <div foo411.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('2 aliases and attribute alias def alias works', async function () {
      const options = createFixture('<template> <div foo431.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple spread Alias doesn\'t break def alias works on custom attribute', async function () {
      const options = createFixture('<template> <div foo53.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple spread Alias (2nd position) works on custom attribute', async function () {
      const options = createFixture('<template> <div foo52.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('2 aliases and attribute alias second alias works', async function () {
      const options = createFixture('<template> <div foo422.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple spread Alias (1st position) works on custom attribute', async function () {
      const options = createFixture('<template> <div foo51.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple Alias doesn\'t break def alias works on custom attribute', async function () {
      const options = createFixture('<template> <div foo43.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 20 locations. Consider refactoring.

Open

    it('Simple Alias doesn\'t break original custom attribute', async function () {
      const options = createFixture('<template> <div foo4.bind="value"></div> </template>', app, resources);
      assert.strictEqual(options.appHost.firstElementChild.getAttribute('test'), 'wOOt');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('binds to the default property correctly', async function () {
      const options = createFixture('<template> <div multi2.bind="value">Initial</div> </template>', app, [Multi2]);
      assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: undefined, b: bound');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('binds to multiple properties correctly', async function () {
      const options = createFixture('<template> <div multi="a.bind: true; b.bind: value">Initial</div> </template>', app, [Multi]);
      assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: true, b: bound');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

      it('works with multi binding syntax', async function () {

        const options = createFixture('<template> <div multi3="a.bind: 5; b.bind: 6">Initial</div> </template>', app, [Multi3]);
        assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: undefined, b: a.bind: 5; b.bind: 6');
        await options.tearDown();

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

    it('binds to multiple properties correctly when there’s a default property', async function () {
      const options = createFixture('<template> <div multi2="a.bind: true; b.bind: value">Initial</div> </template>', app, [Multi2]);
      assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: true, b: bound');
      await options.tearDown();
    });

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

      it('works with escaped colon', async function () {
        const options = createFixture('<template> <div multi3="http\\://google.com">Initial</div> </template>', app, [Multi3]);
        assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: undefined, b: http\\://google.com');
        await options.tearDown();
      });

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

      it('works with URL value', async function () {
        const options = createFixture('<template> <div multi3="http://google.com">Initial</div> </template>', app, [Multi3]);
        assert.strictEqual(options.appHost.firstElementChild.textContent, 'a: undefined, b: http://google.com');
        await options.tearDown();
      });

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      }, class {
        _m = [{ v: 'hello' }, { v: 'world' }];
        get message() {
          return this._m.map(v => v.v).join(' ');
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('finds closest custom attribute when nested multiple dom layers', function () {
      const { assertText } = createFixture(`
        <div foo="1">
          <center>
            <div bar="2"></div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('finds closest custom attribute when nested multiple dom layers + multiple parent attributes', function () {
      const { assertText } = createFixture(`
        <div foo="1">
          <center>
            <div foo="3">

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      public constructor(private readonly element: INode<Element> = resolve(INode) as INode<Element>) {
        this.element.innerHTML = 'Created';
      }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      public constructor(private readonly element: INode<Element> = resolve(INode) as INode<Element>) {
        this.element.innerHTML = 'Created';
      }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('finds closest custom attribute using view model constructor', function () {
      const { assertText } = createFixture(`<div foo="1"><div bar="2"></div></div>`, class App {}, [Foo, Bar]);
      assertText('1');
    });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('finds closest custom attribute using string', function () {
      const { assertText } = createFixture(`<div foo="1"><div baz="2"></div></div>`, class App {}, [Foo, Baz]);
      assertText('1');
    });

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      public propertyChanged(...args: unknown[]): void {
        this.propertyChangedCallCount++;
        this.propertyChangedCallArguments.push(args);
      }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      public propertyChanged(...args: unknown[]): void {
        this.propertyChangedCallCount++;
        this.propertyChangedCallArguments.push(args);
      }

• Read up
  Read up