aurelia/aurelia

File au-slot.slotted.spec.ts has 544 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { CustomElement, customElement, slotted } from '@aurelia/runtime-html';
import { assert, createFixture } from '@aurelia/testing';

describe('3-runtime-html/au-slot.slotted.spec.ts', function () {
  describe('intitial rendering', function () {

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

Open

    it('assigns when projection contains slot', function () {
      @customElement({
        name: 'parent',
        template: '<el><au-slot>'
      })

• Read up
  Read up

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

Open

    it('assigns when projection fallbacks multiple slot', function () {
      @customElement({
        name: 'parent',
        template: '<el><au-slot au-slot=1><input><input>'
      })

• Read up
  Read up

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

Open

    it('assigns when projection fallbacks', function () {
      @customElement({
        name: 'parent',
        template: '<el><au-slot><div>'
      })

• Read up
  Read up

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

Open

    it('calls change handler', function () {
      let call = 0;
      @customElement({
        name: 'el',
        template: '<au-slot>'

• Read up
  Read up

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

Open

    it('does not call change handler if theres no slot', function () {
      let call = 0;
      @customElement({
        name: 'el',
        template: ''

• Read up
  Read up

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

Open

    it('does not call change handler there are no matching nodes', function () {
      let call = 0;
      @customElement({
        name: 'el',
        template: '<au-slot>'

• Read up
  Read up

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

Open

    it('assigns nodes rendered by repeat', function () {
      @customElement({
        name: 'el',
        template: 'Count: ${divs.length} ${divAndPs.length}<au-slot>'
      })

• Read up
  Read up

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

Open

    it('assigns to multiple slotted properties with overlapping queries', function () {
      @customElement({
        name: 'el',
        template: 'Count: ${divs.length} ${divAndPs.length}<au-slot>'
      })

• Read up
  Read up

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

Open

    it('works with shadow dom on', function () {
      const { assertTextContain } = createFixture(
        `<modal-basic>
          <div au-slot=test>from \${$host.msg}</div>
        `,

• Read up
  Read up

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

Open

  it('does not interfere with direct text child in shadow dom', function () {
    const { assertTextContain } = createFixture(
      `<modal-basic>
        hi <div au-slot=test>from \${$host.msg}</div>
      `,

• Read up
  Read up

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

Open

    it('assigns only projected content from matching slot', function () {
      @customElement({
        name: 'el',
        template: '<div>div count: ${divs.length}</div><au-slot></au-slot><au-slot name="1">'
      })

• Read up
  Read up

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

Open

    it('works with slots when there are elements in between', async function () {
      @customElement({
        name: 'el',
        template: '<div>div count: ${divs.length}</div><div><au-slot></au-slot></div><au-slot name="1">'
      })

• Read up
  Read up

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

Open

    it('assigns only projected content', function () {
      @customElement({
        name: 'el',
        template: '<div>div count: ${divs.length}</div><au-slot>'
      })

• Read up
  Read up

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

Open

    it('assigns all elements with *', function () {
      @customElement({
        name: 'el',
        template: 'Count: ${nodes.length} <au-slot>'
      })

• Read up
  Read up

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

Open

    it('assigns values independently to different elements at root level', function () {
      @customElement({
        name: 'el',
        template: 'inputs count: ${inputs.length}<au-slot></au-slot><div>'
      })

• Read up
  Read up