aurelia/aurelia

File preprocess-html-template.spec.ts has 1057 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as path from 'path';
import { preprocessHtmlTemplate, preprocessOptions } from '@aurelia/plugin-conventions';
import { assert } from '@aurelia/testing';

describe('preprocessHtmlTemplate', function () {

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

Open

  it('processes template with css dependencies in shadowDOM mode with string module wrap', function () {
    const html = '<import from="./hello-world.html" /><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { shadowCSS } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.html";

• Read up
  Read up

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

Open

  it('processes template with css dependencies in shadowDOM mode with string module wrap and explicit shadow mode', function () {
    const html = '<import from="./hello-world.html"><use-shadow-dom><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { shadowCSS } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.html";

• Read up
  Read up

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

Open

  it('does not turn off shadowDOM mode for one word element, leave it to runtime', function () {
    const html = '<import from="./hello-world.html"><use-shadow-dom><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { shadowCSS } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.html";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (noth)', function () {
    const html = '<alias name="test, test2"><bindable name="age" mode="one-way"><containerless><template alias="test3, test4" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (empty node) (noth)', function () {
    const html = '<alias><bindable name="age" mode="one-way"><containerless><template alias="test3, test4" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases', function () {
    const html = '<bindable name="age" mode="one-way"><containerless><template alias="test, test2" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless and bindables on template', function () {
    const html = '<bindable name="age" mode="one-way"><template containerless bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (node)', function () {
    const html = '<alias name="test, test2"><bindable name="age" mode="one-way"><containerless><template bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (empty attr) (noth)', function () {
    const html = '<alias name="test, test2"><bindable name="age" mode="one-way"><containerless><template alias="" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (empty node) MAINTAIN EXISTING ATTRIBUTES', function () {
    const html = '<alias><bindable name="age" mode="one-way"><containerless><template id="my-template" alias="test3, test4" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template id=\\"my-template\\"  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (empty node) MAINTAIN EXISTING ATTRIBUTE RAN TOGETHER', function () {
    const html = '<alias><bindable name="age" mode="one-way"><containerless><template id="my-template"alias="test3, test4" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template id=\\"my-template\\" ></template>";

• Read up
  Read up

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

Open

  it('processes template with css dependencies in per-file shadowDOM mode with string module wrap and explicit shadow mode', function () {
    const html = '<import from="./hello-world.html"><use-shadow-dom><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { shadowCSS } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.html";

• Read up
  Read up

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

Open

  it('processes template with containerless, bindables, and aliases (empty attr+node) (noth)', function () {
    const html = '<alias><bindable name="age" mode="one-way"><containerless><template alias="" bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template  ></template>";

• Read up
  Read up

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

Open

  it('processes template with containerless and bindables', function () {
    const html = '<bindable name="age" mode="one-way"><containerless><template bindable="firstName, lastName"></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo";
export const template = "<template ></template>";

• Read up
  Read up

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

Open

    it('generates only single helper import statement from @aurelia/kernel for multiple main + other aliased imports', function () {
      const html = [
        '<template>',
          '<import from="./abc" as="x" a.as="b">',
          '<import from="./xyz" as="k" c.as=d>',

• Read up
  Read up

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

Open

    it('does not affected un-aliased imports when used with aliased imports', function () {
      const html = [
        '<template>',
          '<import from="./abc" as="x" a.as="b">',
          '<import from="./xyz">',

• Read up
  Read up

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

Open

  it('processes template with css pair', function () {
    const html = '<template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import "./foo-bar.css";
export const name = "foo-bar";

• Read up
  Read up

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

Open

  it('emits capture [capture] attribute on <template>', function () {
    const html = '<template capture></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import "./foo-bar.css";
export const name = "foo-bar";

• Read up
  Read up

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

Open

  it('processes template with multiple css', function () {
    const html = '<require from="./lo.css"></require><template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import "./foo-bar.css";
import "./lo.css";

• Read up
  Read up

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

Open

  it('emits capture with <capture> element', function () {
    const html = '<capture><template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import "./foo-bar.css";
export const name = "foo-bar";

• Read up
  Read up

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

Open

  it('do not import css pair if a pair is imported', function () {
    const html = '<import from="./foo-bar.less"></import><template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import "./foo-bar.less";
export const name = "foo-bar";

• Read up
  Read up

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

Open

    it('processes template with [non-main] aliased import', function () {
      const html = '<template><import from="./abc" y.as="x"></template>';
      const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { aliasedResourcesRegistry as $$arr } from '@aurelia/kernel';
import * as d0 from "./abc";

• Read up
  Read up

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

Open

    it('generates only single helper import statement from @aurelia/kernel for multiple main aliased imports', function () {
      const html = '<template><import from="./abc" as="x"><import from="./xyz" as="k"></template>';
      const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { aliasedResourcesRegistry as $$arr } from '@aurelia/kernel';
import * as d0 from "./abc";

• Read up
  Read up

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

Open

    it('processes template with aliased main import', function () {
      const html = '<template><import from="./abc" as="x"></template>';
      const expected = `import { CustomElement } from '@aurelia/runtime-html';
import { aliasedResourcesRegistry as $$arr } from '@aurelia/kernel';
import * as d0 from "./abc";

• Read up
  Read up

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

Open

  it('processes template with index file', function () {
    const html = '<template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo-bar";
export const template = "<template></template>";

• Read up
  Read up

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

Open

  it('processes template with index file and file path not in kebab case', function () {
    const html = '<template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo-bar";
export const template = "<template></template>";

• Read up
  Read up

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

Open

  it('processes template with file name not in kebab case', function () {
    const html = '<template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo-bar";
export const template = "<template></template>";

• Read up
  Read up

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

Open

  it('supports HTML-only dependency not in html format', function () {
    const html = '<import from="./hello-world.md" /><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.md";
import * as d1 from "foo";

• Read up
  Read up

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

Open

  it('processes template with no dependencies', function () {
    const html = '<template></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
export const name = "foo-bar";
export const template = "<template></template>";

• Read up
  Read up

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

Open

  it('processes template with dependencies', function () {
    const html = '<import from="./hello-world.html" /><template><import from="foo"><require from="./foo-bar.scss"></require></template>';
    const expected = `import { CustomElement } from '@aurelia/runtime-html';
import * as d0 from "./hello-world.html";
import * as d1 from "foo";

• Read up
  Read up