aurelia/aurelia

File state.spec.ts has 351 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { ValueConverter, customAttribute, customElement, ICustomAttributeController, IWindow } from '@aurelia/runtime-html';
import { StateDefaultConfiguration, fromState } from '@aurelia/state';
import { assert, createFixture, onFixtureCreated } from '@aurelia/testing';

describe('state/state.spec.ts', function () {

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

Open

      const { getBy, trigger, flush } = await createFixture
        .html`<input value.state="text" input.dispatch="{ type: 'event', v: $event.target.value }">`
        .deps(StateDefaultConfiguration.init(
          state,
          (s, { type, v }: { type: string; v: string }) =>

• Read up
  Read up

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

Open

      const { trigger, flush, getBy } = await createFixture
        .html`<input value.state="text" input.dispatch="{ type: 'no-reg', v: $event.target.value }">`
        .deps(StateDefaultConfiguration.init(
          state,
          (s, { type, v }: { type: string; v: string }) =>

• Read up
  Read up

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

Open

  it('remains in state boundary via this in .state command', async function () {
    const state = { text: '123' };
    const { getBy } = await createFixture
      .component({ text: '456' })
      .html('<input value.state="this.text">')

• Read up
  Read up

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

Open

  it('allows access to component scope state via $parent in .state command', async function () {
    const state = { text: '123' };
    const { getBy } = await createFixture
      .component({ text: '456' })
      .html('<input value.state="$parent.text">')

• Read up
  Read up

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

Open

      const { getBy } = await createFixture
        .html`<input value.bind="$parent.text & state">`
        .component({ text: 'from view model' })
        .deps(StateDefaultConfiguration.init({ text: 'from state' }))
        .build().started;

• Read up
  Read up

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

Open

      const { assertText } = await createFixture
        .html`<div>\${text & state}</div>`
        .component({ text: 'from view model' })
        .deps(StateDefaultConfiguration.init({ text: 'from state' }))
        .build().started;

• Read up
  Read up

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

Open

      @customElement({ name: 'my-el', template: `<input value.bind="text">` })
      class MyEl {
        @fromState<typeof state>(s => s.text)
        text: string;
      }

• Read up
  Read up

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

Open

      @customElement({ name: 'my-el', template: `<input value.bind="text" input.dispatch="{ type: 'input', v: $event.target.value }">` })
      class MyEl {
        @fromState<typeof state>(s => s.text)
        text: string;
      }

• Read up
  Read up

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

Open

      const { getBy } = await createFixture
        .html`<my-el>`
        .deps(MyEl, StateDefaultConfiguration.init(state))
        .build().started;

• Read up
  Read up

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

Open

      const { queryBy } = await createFixture
        .html`<div myattr>`
        .deps(MyAttr, StateDefaultConfiguration.init(state))
        .build().started;

• Read up
  Read up

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

Open

    const { getBy } = await createFixture
      .html`<input value.state="data()">`
      .deps(StateDefaultConfiguration.init(state))
      .build().started;

• Read up
  Read up

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

Open

    const { getBy } = await createFixture
      .html`<input value.state="text">`
      .deps(StateDefaultConfiguration.init(state))
      .build().started;

• Read up
  Read up