aurelia/aurelia

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

Open

import { AppTask, Aurelia, bindable, BindingMode, customElement, CustomElement, IAppRoot, IAurelia, IKeyMapping, ShortHandBindingSyntax, ValueConverter } from '@aurelia/runtime-html';
import { assert, createFixture } from '@aurelia/testing';
import { delegateSyntax } from '@aurelia/compat-v1';
import { resolve } from '@aurelia/kernel';

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

Open

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

• Read up
  Read up

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

Open

    it('calls stopPropagation() when event modifier "stop" is used', function () {
      let clicked = 0;
      let stopped = false;

      const { trigger } = createFixture(

• Read up
  Read up

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

Open

    it('calls preventDefault() when event modifier "prevent" is used', function () {
      let clicked = 0;
      let prevented = false;

      const { trigger } = createFixture(

• Read up
  Read up

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

Open

    it('works with mouse event modifier + middle click', function () {
      let clicked = 0;
      const { trigger } = createFixture(
        '<button click.trigger:middle="clicked()"></button>',
        { clicked: () => clicked = 1 }

• Read up
  Read up

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

Open

    it('works with capture event + modifier', function () {
      let clicked = 0;
      const { trigger } = createFixture(
        '<button click.capture:middle="clicked()"></button>',
        { clicked: () => clicked = 1 }

• Read up
  Read up

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

Open

    it('works with mouse event modifier + right click', function () {
      let clicked = 0;
      const { trigger } = createFixture(
        '<button click.trigger:right="clicked()"></button>',
        { clicked: () => clicked = 1 }

• Read up
  Read up

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

Open

    it('works with inheritance', function () {
      class Base { au = resolve(IAurelia); }
      @customElement('el')
      class El extends Base {}

• Read up
  Read up

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

Open

      const { trigger } = createFixture(
        '<button keydown.trigger:ctrl+shift+enter+stop+prevent="enter()", keydown.capture="capture"></button>',
        {
          enter: () => entered = 1,
          capture: (e: Event) => {

• Read up
  Read up

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

Open

      const { trigger } = createFixture(
        '<button click.trigger:right+prevent+stop="clicked()" click.capture=capture></button>',
        { clicked: () => clicked = 1,
          capture: (e: Event) => {
            Object.defineProperty(e, 'preventDefault', { value: () => prevented = true });

• Read up
  Read up

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

Open

  it('renders element with @customElement({ containerness: true })', function () {
    const { assertText } = createFixture(
      `<my-el message="hello world">`,
      class App {},
      [CustomElement.define({

• Read up
  Read up

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

Open

  it('renders elements with both "containerless" attribute and @customElement({ containerless: true })', function () {
    const { assertText } = createFixture(
      `<my-el containerless message="hello world">`,
      class App {},
      [CustomElement.define({

• Read up
  Read up

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

Open

    it('works with multi dot event name for capture', function () {
      let clicked = 0;
      const { trigger } = createFixture(
        '<button bs.open-modal.capture="clicked()"></button>',
        { clicked: () => clicked = 1 }

• Read up
  Read up

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

Open

    it('works with multi dot event name for trigger', function () {
      let clicked = 0;
      const { trigger } = createFixture(
        '<button bs.open-modal.trigger="clicked()"></button>',
        { clicked: () => clicked = 1 }

• Read up
  Read up

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

Open

      const { trigger } = createFixture(
        '<button keydown.trigger:ctrl+upperK="enter()"></button>',
        { enter: () => entered = 1 },
        [AppTask.creating(IKeyMapping, mapping => {
          mapping.keys.upperk = 'K';

• Read up
  Read up

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

Open

      const { trigger } = createFixture(
        '<button keydown.trigger:ctrl+super_k="enter()"></button>',
        { enter: () => entered = 1 },
        [AppTask.creating(IKeyMapping, mapping => {
          mapping.keys.upper_k = 'K';

• 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

    const { appHost } = createFixture(
      `<my-el containerless message="hello world">`,
      class App {},
      [CustomElement.define({
        name: 'my-el',

• Read up
  Read up

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

Open

    const { assertText } = createFixture(
      `<my-el if.bind="true" containerless message="hello world">`,
      class App {},
      [CustomElement.define({
        name: 'my-el',

• Read up
  Read up