aurelia/aurelia

File portal.spec.tsx has 498 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable @typescript-eslint/no-unused-expressions */
import { Constructable, IRegistry } from '@aurelia/kernel';
import { CustomElement, Aurelia } from '@aurelia/runtime-html';
import {
  assert,

Function assertionFn has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

        assertionFn: (ctx, _host, comp: IPortalTestRootVm & { target: any; divdiv: HTMLDivElement }) => {
          assert.equal(
            childrenQuerySelector(comp.localDiv, '.divdiv'),
            null,
            'comp.localDiv should not have contained .divdiv (1)'

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

Open

          {
            name: 'app',
            template: <template>
              <div ref='divdiv' portal='target.bind: target; render-context.bind: renderContext' class='divdiv'>{'${message}'}</div>
              <div ref='localDiv'></div>

• Read up
  Read up

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

Open

          {
            name: 'app',
            template: <template>
              <div ref='divdiv' portal='target.bind: target; render-context: #mock-render-context' class='divdiv'>{'${message}'}</div>
              <div ref='localDiv'></div>

• Read up
  Read up

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

Open

  it('moves view when position change afterend -> beforebegin', function () {
    const { component, assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position.bind: position">click me</button>

• Read up
  Read up

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

Open

  it('moves view when position change beforeend -> afterend', function () {
    const { component, assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position.bind: position">click me</button>

• Read up
  Read up

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

Open

  it('portals to "beforebegin" position 🚪-🔁-🚪', function () {
    const { assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position: beforebegin">click me</button>

• Read up
  Read up

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

Open

  it('portals to "beforeend" position', function () {
    const { assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position: beforeend">click me</button>

• Read up
  Read up

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

Open

  it('portals to "afterend" position', function () {
    const { assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position: afterend">click me</button>

• Read up
  Read up

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

Open

  it('portals to "afterbegin" position', function () {
    const { assertHtml } = createFixture(
      <>
        <div id="d1">hello</div>
        <button portal="target: #d1; position: afterbegin">click me</button>

• Read up
  Read up

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

Open

        assertionFn: (ctx, host, _comp) => {

          assert.equal(host.childElementCount, 0, 'It should have been empty.');
          assert.notEqual(
            childrenQuerySelector(ctx.doc.body, 'c-e'),

• Read up
  Read up

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

Open

        assertionFn: (ctx, host, _component) => {
          assert.equal(host.childElementCount, 0, 'It should have been empty.');
          assert.notEqual(
            childrenQuerySelector(ctx.doc.body, '.portaled'),
            null,

• Read up
  Read up

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

Open

          {
            name: 'app',
            template: <template><div portal if$='showCe' class='divdiv'>{'${message}'}</div></template>
          },

• Read up
  Read up

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

Open

          {
            name: 'app',
            template: <template><div portal repeat$for='item of items' class='divdiv'>{'${message}'}</div></template>
          },

• Read up
  Read up