aurelia/aurelia

File spread.spec.ts has 538 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Constructable, resolve } from '@aurelia/kernel';
import { BindingMode, CustomAttribute, CustomElement, ICustomElementViewModel, INode, ValueConverter } from '@aurelia/runtime-html';
import { assert, createFixture } from '@aurelia/testing';

describe('3-runtime-html/spread.spec.ts', function () {

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

Open

    it('spreads with literal object expression', function () {
      const { assertHtml, component, flush } = createFixture('<el repeat.for="item of items" ...$bindables="{ id: item.id, class: item.class }">', {
        items: [
          { id: 1, class: 'a' },
          { id: 2, class: 'b' }

• Read up
  Read up

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

Open

    it('spreads with ... syntax', function () {
      const { assertHtml, component, flush } = createFixture('<el repeat.for="item of items" ...item>', {
        items: [
          { id: 1, class: 'a' },
          { id: 2, class: 'b' },

• Read up
  Read up

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

Open

    it('spreads with ...$bindables= syntax', function () {
      const { assertHtml, component, flush } = createFixture('<el repeat.for="item of items" ...$bindables="item">', {
        items: [
          { id: 1, class: 'a' },
          { id: 2, class: 'b' },

• Read up
  Read up

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

Open

    it('works with $attr when used before ...$attrs on the same element', function () {
      const ElWithAttrs = CustomElement.define({
        name: 'el-with-attrs',
        template: '<el ...item ...$attrs>',
        capture: true,

• Read up
  Read up

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

Open

    it('works with $attr when used after $attrs on the same element', function () {
      const ElWithAttrs = CustomElement.define({
        name: 'el-with-attrs',
        template: '<el ...$attrs ...item>',
        capture: true,

• Read up
  Read up

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

Open

      $it('spreads custom attribute (multi binding syntax)', {
        template: '<my-input my-attr="value.bind: size">',
        component: { size: 20 },
        registrations: [MyAttr],
        assertFn: ({ appHost }) => {

• Read up
  Read up

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

Open

      $it('spreads custom attribute (primary binding syntax)', {
        template: '<my-input my-attr.bind="size">',
        component: { size: 20 },
        registrations: [MyAttr],
        assertFn: ({ appHost }) => {

• Read up
  Read up

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

Open

        assertFn: ({ appHost }) => {
          assert.notStrictEqual((appHost.querySelector('form-input') as any).value, 'Aurelia');
          assert.strictEqual(appHost.querySelector('input').value, 'Aurelia');
        },

• Read up
  Read up

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

Open

        assertFn: ({ appHost }) => {
          assert.notStrictEqual((appHost.querySelector('form-input') as any).value, 'Aurelia');
          assert.strictEqual(appHost.querySelector('input').value, 'Aurelia');
        },

• Read up
  Read up

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

Open

        assertFn: ({ appHost }) => {
          assert.notStrictEqual((appHost.querySelector('form-input') as any).value, 'Aurelia');
          assert.strictEqual(appHost.querySelector('input').value, 'Aurelia');
        },

• Read up
  Read up

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

Open

    $it('does not throw when there are nothing to capture', {
      template: '<my-input>',
      component: { message: 'Aurelia' },
      assertFn: ({ appHost }) => {
        assert.strictEqual(appHost.querySelector('input').value, '');

• Read up
  Read up

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

Open

    $it('does not throw when capture: false', {
      template: '<no-capture-input value.bind="message">',
      component: { message: 'Aurelia' },
      assertFn: ({ appHost }) => {
        assert.strictEqual(appHost.querySelector('input').value, '');

• Read up
  Read up

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

Open

    $it('works single layer of ...attrs', {
      template: '<my-input value.bind="message">',
      component: { message: 'Aurelia' },
      assertFn: ({ appHost }) => {
        assert.strictEqual(appHost.querySelector('input').value, 'Aurelia');

• Read up
  Read up

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

Open

      const { assertHtml } = createFixture('<el repeat.for="item of items" ...item.details>', {
        items: [
          { details: { id: 1, class: 'a' } },
          { details: { id: 2, class: 'b' } },
        ]

• Read up
  Read up

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

Open

      const { assertHtml } = createFixture('<el ...items[0].details>', {
        items: [
          { details: { id: 1, class: 'a' } },
          { details: { id: 2, class: 'b' } },
        ]

• Read up
  Read up

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

Open

    it('ignores usage of $bindables without command', function () {
      const { assertHtml } = createFixture('<el $bindables="item">', {
        item: { id: 1, class: 'a' },
      }, [El]);

• Read up
  Read up

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

Open

    it('creates binding in the order in the template (after)', function () {
      const { assertHtml } = createFixture('<el ...item id.bind="3">', {
        item: { id: 1, class: 'a' },
      }, [El]);

• Read up
  Read up

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

Open

    it('creates binding in the order in the template (before)', function () {
      const { assertHtml } = createFixture('<el id.bind="3" ...item>', {
        item: { id: 1, class: 'a' },
      }, [El]);

• Read up
  Read up