aurelia/aurelia

Function getTestData has 1708 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function* getTestData() {
    const createMyElement = (template: string, containerless = false) => {
      class MyElement {
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
        public constructor() {

File au-slot.spec.tsx has 2097 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { delegateSyntax } from '@aurelia/compat-v1';
import { IContainer, inject, newInstanceForScope, resolve } from '@aurelia/kernel';
import { BindingMode, Aurelia, AuSlotsInfo, bindable, customElement, CustomElement, IAuSlotsInfo, IPlatform, ValueConverter } from '@aurelia/runtime-html';
import { assert, createFixture, hJsx, TestContext } from '@aurelia/testing';
import { createSpecFunction, TestExecutionContext, TestFunction } from '../util.js';

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

Open

        async function ({ host, platform }) {
          platform.domWriteQueue.flush();
          const meu = host.querySelector('my-element-user');
          const me = host.querySelector('my-element');
          assert.html.innerEqual(meu, `<my-element><div>${fooValue}</div></my-element>`, 'my-element-user.innerHtml');

• Read up
  Read up

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

Open

        async function ({ host, platform }) {
          platform.domWriteQueue.flush();
          const meu = host.querySelector('my-element-user');
          const me = host.querySelector('my-element');
          assert.html.innerEqual(meu, `<my-element><div>${fooValue}</div></my-element>`, 'my-element-user.innerHtml');

• Read up
  Read up

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

Open

      $it('with projection - with $host',
        async function ({ host, platform, app }) {
          const ce = host.querySelector('my-element');
          const button = ce.querySelector('button');
          button.click();

• Read up
  Read up

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

Open

      $it('with projection - w/o $host',
        async function ({ host, platform, app }) {
          const ce = host.querySelector('my-element');
          const button = ce.querySelector('button');
          button.click();

• Read up
  Read up

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

Open

  class AuSlotTestExecutionContext implements TestExecutionContext<any> {
    private _scheduler: IPlatform;
    public constructor(
      public ctx: TestContext,
      public au: Aurelia,

• Read up
  Read up

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

Open

        [
          CustomElement.define({
            name: 'mdc', template:
              `<mdc-tab-bar
            ><template au-slot

• Read up
  Read up

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

Open

        [
          CustomElement.define({
            name: 'mdc', template:
              `<mdc-tab-bar
            ><mdc-tab au-slot repeat.for="i of 3" id="mdc-\${id}-\${i}" click.trigger="increase()">\${count + i}</mdc-tab>`

• Read up
  Read up

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

Open

    it('provides right resources for slotted view', function () {
      const { assertText } = createFixture(
        '<el></el>',
        {},
        [

• Read up
  Read up

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

Open

    it('provides right resources for passed through <au-slot>', function () {
      const { assertText } = createFixture(
        '<el></el>',
        {},
        [

• Read up
  Read up

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

Open

        function ({ host, platform }) {
          const input = host.querySelector('input');
          input.value = 'hello';
          input.dispatchEvent(new platform.CustomEvent('change'));
          platform.domWriteQueue.flush();

• Read up
  Read up

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

Open

    it('works with 2 layers of repeaters', function () {
      const { assertText } = createFixture('<my-el>', class App {}, [
        CustomElement.define({
          name: 'my-el',
          template: `<div repeat.for="i of 1">

• Read up
  Read up

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

Open

        function ({ host, platform }) {
          const input = host.querySelector('input');
          input.value = 'hello';
          input.dispatchEvent(new platform.CustomEvent('change'));
          platform.domWriteQueue.flush();

• Read up
  Read up

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

Open

    it('works with 3 or more layers of repeaters + au slot', function () {
      const { assertText } = createFixture('<my-el>', class App {}, [
        CustomElement.define({
          name: 'my-el',
          template: `<div repeat.for="i of 1">

• Read up
  Read up

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

Open

    {
      yield new TestData(
        'works with [containerless] + ([repeat] + custom element + [au-slot])',
        `<my-element><my-child au-slot repeat.for="i of 3" value.bind="i"></my-child></my-element>`,
        [

• Read up
  Read up

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

Open

    {
      yield new TestData(
        'works with [if][containerless] + ([repeat] + custom element + [au-slot])',
        `<my-element if.bind="true"><my-child au-slot repeat.for="i of 3" value.bind="i"></my-child></my-element>`,
        [

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works correctly with nested elements with same slot name',
        `<my-element-s11>
          <template au-slot="s1">
          p1

• Read up
  Read up

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

Open

      yield new TestData(
        'projection to a non-existing slot has no effect',
        `<my-element-s11>
          <template au-slot="s2">
          p1

• Read up
  Read up

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

Open

      yield new TestData(
        'chain of [au-slot] and <au-slot> can be used to project content to a nested inner CE',
        `<lvl-one><div au-slot="s1">p</div></lvl-one>`,
        [
          CustomElement.define({ name: 'lvl-zero', template: `<au-slot name="s0"></au-slot>` }, class LvlZero { }),

• Read up
  Read up

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

Open

      yield new TestData(
        'chain of [au-slot] and <au-slot> can be used to project content to a nested inner CE - with same slot name',
        `<lvl-one><div au-slot="x">p</div></lvl-one>`,
        [
          CustomElement.define({ name: 'lvl-zero', template: `<au-slot name="x"></au-slot>` }, class LvlZero { }),

• Read up
  Read up

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

Open

      @customElement({
        name: 'ce-one',
        template: '<au-slot>dfb</au-slot><au-slot name="s1">s1fb</au-slot>',
      })
      class CeOne {

• Read up
  Read up

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

Open

      @customElement({
        name: 'ce-two',
        template: 'ce two',
      })
      class CeTwo {

• Read up
  Read up

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

Open

      @customElement({
        name: 'ce-three',
        template: '<au-slot name="s1">s1fb</au-slot><ce-one><span au-slot>dp</span></ce-one><ce-two></ce-two>',
      })
      class CeThree {

• Read up
  Read up

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

Open

      yield new TestData(
        'works with data from repeater scope - custom-element[repeat.for] - source: binding context in outer scope',
        `<my-element repeat.for="person of people">
          <template au-slot>
            \${person.firstName}

• Read up
  Read up

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

Open

      yield new TestData(
        'works with data from repeater scope - custom-element[repeat.for] - source: override context in outer scope',
        `<let items.bind="['1', '2']"></let>
        <my-element repeat.for="item of items">
          <template au-slot>

• Read up
  Read up

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

Open

      yield new TestData(
        'works with data from repeater scope - template[repeat.for]>custom-element - source: binding context in outer scope',
        `<template>
          <template repeat.for="person of people">
            <my-element>

• Read up
  Read up

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

Open

      yield new TestData(
        'works with data from repeater scope - template[repeat.for]>custom-element - source: override context in outer scope',
        `<let items.bind="['1', '2']"></let>
         <template repeat.for="item of items">
          <my-element>

• Read up
  Read up

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

Open

      @customElement({
        name: 'my-element', template: `
      <au-slot name="grid">
        <au-slot name="header">
          <h4>First Name</h4>

• Read up
  Read up

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

Open

        @customElement({
          name: 'my-element', template: `
        <au-slot name="grid">
          <au-slot name="header">
            <h4>First Name</h4>

• Read up
  Read up

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

Open

      @customElement({
        name: 'my-element', template: `
      <au-slot name="grid">
        <au-slot name="header">
          <h4>First Name</h4>

• Read up
  Read up

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

Open

      @customElement({ name: 'my-element', template: `static <au-slot>default</au-slot> <au-slot name="s1" if.bind="showS1">s1</au-slot> <au-slot name="s2">s2</au-slot>` })
      class MyElement {
        @bindable public showS1: boolean = true;
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
      }

• Read up
  Read up

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

Open

      @customElement({ name: 'my-element', template: `<ul if.bind="someCondition"><au-slot></au-slot></ul> <div else><au-slot></au-slot></div>` })
      class MyElement {
        @bindable public someCondition: boolean = true;
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
      }

• Read up
  Read up

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

Open

      @customElement({ name: 'my-element', template: `static <au-slot>default</au-slot> <au-slot name="s1" if.bind="showS1">s1</au-slot> <au-slot else name="s2">s2</au-slot>` })
      class MyElement {
        @bindable public showS1: boolean = true;
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
      }

• Read up
  Read up

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

Open

      yield new TestData(
        'works with template controller - if-else - same slot name',
        `
        <my-element some-condition.bind="true"> <template au-slot><li>1</li><li>2</li></template> </my-element>
        <my-element some-condition.bind="false"> <template au-slot><span>1</span><span>2</span></template> </my-element>

• Read up
  Read up

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

Open

      yield new TestData(
        'supports replacing the repeater template',
        `<my-element people.bind="people">
          <template au-slot="grid">
            <ul><li repeat.for="person of people">\${person.lastName}, \${person.firstName}</li></ul>

• Read up
  Read up

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

Open

      @customElement({ name: 'my-element-user', template: `<my-element><div au-slot>\${foo}</div></my-element>` })
      class MyElementUser {
        public foo: string;
        public attached() {
          this.foo = fooValue;

• Read up
  Read up

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

Open

      @customElement({ name: 'my-element', template: `<au-slot></au-slot>` })
      class MyElement {
        public foo: string;
        public attached() {
          this.foo = fooValue;

• Read up
  Read up

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

Open

    {
      yield new TestData(
        'works with [containerless] + ([repeat] + normal element + [au-slot])',
        `<my-element><template au-slot repeat.for="i of 3"><li>\${i}</li></template></my-element>`,
        [createMyElement('<ul><au-slot></au-slot></ul>', /* containerless */true)],

• Read up
  Read up

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

Open

    {
      yield new TestData(
        'works with [containerless] + child (normal element + [au-slot])',
        `<my-element><div au-slot>Hello</div></my-element>`,
        [createMyElement('<au-slot></au-slot>', /* containerless */true)],

• Read up
  Read up

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

Open

      class MyElement {
        public readonly message: string = 'inner';
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
        public constructor() {
          assert.instanceOf(this.slots, AuSlotsInfo);

• Read up
  Read up

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

Open

      class MyElement {
        public readonly message: string = 'inner';
        public readonly slots: IAuSlotsInfo = resolve(IAuSlotsInfo);
        public constructor() {
          assert.instanceOf(this.slots, AuSlotsInfo);

• Read up
  Read up

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

Open

    yield new TestData(
      'supports interpolations inside <template>',
      `<my-element> <template au-slot="s2">\${message}</template> <template au-slot="s1">p11</template> <template au-slot="s2">p21</template> <template au-slot="s1">\${message}</template> </my-element>`,
      [
        createMyElement(`static <au-slot>default</au-slot> <au-slot name="s1">s1</au-slot> <au-slot name="s2">s2</au-slot>`),

• Read up
  Read up

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

Open

    yield new TestData(
      'supports n-1 projections',
      `<my-element> <div au-slot="s2">p20</div><div au-slot="s1">p11</div><div au-slot="s2">p21</div><div au-slot="s1">p12</div> </my-element>`,
      [
        createMyElement(`static <au-slot>default</au-slot> <au-slot name="s1">s1</au-slot> <au-slot name="s2">s2</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works with "with" on self - outer scope',
        `<let item.bind="people[1]"></let><my-element people.bind="people"> <div au-slot>\${item.lastName}</div> </my-element>`,
        [
          createMyElement(`<au-slot with.bind="{item: people[0]}">\${item.firstName}</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works with "with" on self',
        `<my-element people.bind="people"> <div au-slot>\${$host.item.lastName}</div> </my-element>`,
        [
          createMyElement(`<au-slot with.bind="{item: people[0]}">\${item.firstName}</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works for [repeat]>au-slot with another repeat',
        `<my-element><template au-slot="s1"><template repeat.for="i of 3">\${i*2}</template></template></my-element>`,
        [
          createMyElement(`

• Read up
  Read up

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

Open

      yield new TestData(
        'works with "with" on parent - outer scope',
        `<let item.bind="people[1]"></let><my-element people.bind="people"> <div au-slot>\${item.lastName}</div> </my-element>`,
        [
          createMyElement(`<div with.bind="{item: people[0]}"><au-slot>\${item.firstName}</au-slot></div>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing div[with]>au-slot[name=s1]>au-slot[name=s2]',
        `<my-element people.bind="people"> <div au-slot="s2">\${$host.item.firstName}</div> </my-element>`,
        [
          createMyElement(`<div with.bind="{item: people[0]}"><au-slot name="s1">\${item.firstName}<au-slot name="s2">\${item.lastName}</au-slot></au-slot></div>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing au-slot[name=s1]>div[with]>au-slot[name=s2] - outer scope',
        `<let item.bind="people[1]"></let><my-element people.bind="people"> <div au-slot="s2">\${item.firstName}</div> </my-element>`,
        [
          createMyElement(`<au-slot name="s1">\${people[0].firstName}<div with.bind="{item: people[0]}"><au-slot name="s2">\${item.lastName}</au-slot></div></au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works for [repeat]>au-slot[name="s1"]>au-slot[name="s2"],[repeat]>au-slot[name="s1"]>au-slot[name="s2"]',
        `<my-element><template au-slot="s2">\${$host.i*2}</template></my-element>`,
        [
          createMyElement(`

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing au-slot[name=s1]>au-slot[name=s2][with]',
        `<my-element people.bind="people"> <div au-slot="s2">\${$host.item.firstName}</div> </my-element>`,
        [
          createMyElement(`<au-slot name="s1">\${people[0].firstName}<au-slot name="s2" with.bind="{item: people[0]}">\${item.lastName}</au-slot></au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing au-slot[name=s1]>div[with]>au-slot[name=s2]',
        `<my-element people.bind="people"> <div au-slot="s2">\${$host.item.firstName}</div> </my-element>`,
        [
          createMyElement(`<au-slot name="s1">\${people[0].firstName}<div with.bind="{item: people[0]}"><au-slot name="s2">\${item.lastName}</au-slot></div></au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works with a directly applied repeater - with projection',
        `<my-element><template au-slot>\${$host.i*2}</template></my-element>`,
        [
          createMyElement(`<au-slot repeat.for="i of 5">\${i}</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works for au-slot[repeat] with another repeat',
        `<my-element><template au-slot="s1"><template repeat.for="i of 3">\${i*2}</template></template></my-element>`,
        [
          createMyElement(`<au-slot name="s1" repeat.for="i of 2">\${i}</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works with "with" on parent',
        `<my-element people.bind="people"> <div au-slot>\${$host.item.lastName}</div> </my-element>`,
        [
          createMyElement(`<div with.bind="{item: people[0]}"><au-slot>\${item.firstName}</au-slot></div>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing div[with]>au-slot,div[with]au-slot',
        `<my-element people.bind="people"> <template au-slot>\${$host.item.lastName}</template> </my-element>`,
        [
          createMyElement(`<div with.bind="{item: people[0]}"><au-slot>\${item.firstName}</au-slot></div><div with.bind="{item: people[1]}"><au-slot>\${item.firstName}</au-slot></div>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works for [repeat]>au-slot,[repeat]>au-slot',
        `<my-element><template au-slot>\${$host.i*2}</template></my-element>`,
        [
          createMyElement(`

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing div[with]>au-slot[name=s1]>au-slot[name=s2] - outer scope',
        `<let item.bind="people[1]"></let><my-element people.bind="people"> <div au-slot="s2">\${item.firstName}</div> </my-element>`,
        [
          createMyElement(`<div with.bind="{item: people[0]}"><au-slot name="s1">\${item.firstName}<au-slot name="s2">\${item.lastName}</au-slot></au-slot></div>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'works replacing au-slot[name=s1]>au-slot[name=s2][with] - outer scope',
        `<let item.bind="people[1]"></let><my-element people.bind="people"> <div au-slot="s2">\${item.firstName}</div> </my-element>`,
        [
          createMyElement(`<au-slot name="s1">\${people[0].firstName}<au-slot name="s2" with.bind="{item: people[0]}">\${item.lastName}</au-slot></au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        'projection works for au-slot[repeat],au-slot[repeat]',
        `<my-element><template au-slot>\${$host.i*2}</template></my-element>`,
        [
          createMyElement(`<au-slot repeat.for="i of 5">\${i}</au-slot>|<au-slot repeat.for="i of 5">\${i + 2}</au-slot>`),

• Read up
  Read up

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

Open

      yield new TestData(
        '[au-slot] -> <au-slot> -> [au-slot](ignored) -> <au-slot>(ignored)',
        `<my-element>
          <div au-slot="s1">
            <au-slot name="does-not-matter">

• Read up
  Read up

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

Open

      yield new TestData(
        '[au-slot] -> <au-slot> -> [au-slot](ignored)',
        `<my-element>
          <div au-slot="s1">
            <au-slot name="does-not-matter">

• Read up
  Read up