aurelia/aurelia

File arrow-fn.spec.ts has 466 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { BindingBehavior, ValueConverter, CustomAttribute, INode } from '@aurelia/runtime-html';
import { assert, createFixture } from '@aurelia/testing';

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

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

Open

    it('observes on .filter()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.filter(i => i > 1)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .at()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.at(-1)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .flatMap()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.flatMap(i => [i + 1])}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .includes()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.includes(2)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .slice()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.slice(0)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .some()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.some(i => i > 1)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on repeat + .map()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`<div repeat.for='i of items.map(i => i + 1)'>\${i}`
        .build();

• Read up
  Read up

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

Open

    it('observes on <let> + .map()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`<let i.bind='items.map(i => i + 1)'></let>\${i}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .join()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.join(', ')}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .indexOf()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.indexOf(2)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .reduceRight()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.reduceRight((acc, i) => acc + i)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .lastIndexOf()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.lastIndexOf(2)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .findIndex()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.findIndex(x => x === 2)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .find()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.find(x => x === 2)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .reduce()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.reduce((acc, i) => acc + i, 0)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .map()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.map(i => i + 1)}`
        .build();

• Read up
  Read up

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

Open

    it('observes on .every()', function () {
      const { component, flush, assertText } = createFixture
        .component({ items: [1] })
        .html`\${items.every(i => i < 2)}`
        .build();

• Read up
  Read up

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

Open

  it('can flatMap nested fn', function () {
    const { assertText } = createFixture
        .component({
          items: [
            { name: 'a1', children: [{ name: 'b1', children: [{ name: 'c1' }] }] },

• Read up
  Read up

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

Open

  it('can flatMap nested fn and access parent scope', function () {
    const { assertText } = createFixture
        .component({
          items: [
            { name: 'a1', children: [{ name: 'b1', children: [{ name: 'c1' }] }] },

• Read up
  Read up

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

Open

      const { component, assertText } = createFixture
        .component({ items: [{ id: 4, }, { id: 5, }, { id: 3, }, { id: 1 }] })
        .html`<div repeat.for='i of items.sort((a, b) => a.id - b.id)'>\${i.id},`
        .build();

• Read up
  Read up

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

Open

      const { component, assertText } = createFixture
        .component({ items: [{ id: 4, }, { id: 5, }, { id: 3, }, { id: 1 }] })
        .html`<div repeat.for='i of items.slice(0).sort((a, b) => a.id - b.id)'>\${i.id},`
        .build();

• Read up
  Read up

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

Open

  it('can access the correct scope via $parent', function () {
    const { assertText } = createFixture
      .html`<div with.bind='{a:2}'><div with.bind='{a:3}'><div with.bind='{a:4}'>\${(a => $parent.a)('5')}</div></div></div>`
      .component({ a: '1' })
      .build();

• Read up
  Read up

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

Open

  it('can access the correct scope via $parent in nested arrow', function () {
    const { assertText } = createFixture
      .html`<div with.bind='{a:2}'><div with.bind='{a:3}'><div with.bind='{a:4}'>\${(a => a => $parent.a)('6')('5')}</div></div></div>`
      .component({ a: '1' })
      .build();

• Read up
  Read up

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

Open

  it('can access the correct scope via $this', function () {
    const { assertText } = createFixture
      .html`\${(a => $this.a)('2')}`
      .component({ a: '1' })
      .build();

• Read up
  Read up

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

Open

  it('can access the correct scope via $this in nested arrow', function () {
    const { assertText } = createFixture
      .html`\${(a => a => $this.a)('3')('2')}`
      .component({ a: '1' })
      .build();

• Read up
  Read up

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

Open

  it('can access the correct scope via $parent.$parent in nested arrow', function () {
    const { assertText } = createFixture
      .html`<div with.bind='{a:2}'><div with.bind='{a:3}'><div with.bind='{a:4}'>\${(a => a => $parent.$parent.a)('6')('5')}</div></div></div>`
      .component({ a: '1' })
      .build();

• Read up
  Read up

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

Open

  it('works with IIFE', function () {
    const { assertText } = createFixture
      .html`\${(a => a)(1)}`
      .build();
    assertText('1');

• Read up
  Read up

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

Open

  it('can call nested arrow inline', function () {
    const { assertText } = createFixture
      .html`\${(a => b => a + b)(1)(2)}`
      .build();
    assertText('3');

• Read up
  Read up

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

Open

  it('works with paren wrapping {}', function () {
    const { assertText } = createFixture
      .html`\${(((e) => ({ a: e.v }))({ v: 1 })).a}`
      .build();
    assertText('1');

• Read up
  Read up

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

Open

  it('can call arrow inline with rest', function () {
    const { assertText } = createFixture
      .html`\${((...args) => args[0] + args[1] + args[2])(1, 2, 3)}`
      .build();
    assertText('6');

• Read up
  Read up