aurelia/aurelia

File translation-integration.spec.ts has 1490 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { I18N, I18nConfiguration, Signals } from '@aurelia/i18n';
import { Class, IContainer } from '@aurelia/kernel';
import { ISignaler, Aurelia, bindable, customElement, INode, IPlatform } from '@aurelia/runtime-html';
import { assert, PLATFORM, TestContext } from '@aurelia/testing';
import { createSpecFunction, TestExecutionContext, TestFunction } from '../../util.js';

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

Open

  describe('`t` binding-behavior works for', function () {
    {
      @customElement({ name: 'app', template: `<span>\${'simple.text' & t}</span>` })
      class App { }
      $it('key as string literal', function ({ host, en: translation }: I18nIntegrationTestContext<App>) {

• Read up
  Read up

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

Open

  describe('`t` value-converter works for', function () {
    {
      @customElement({ name: 'app', template: `<span>\${'simple.text' | t}</span>` })
      class App { }
      $it('key as string literal', function ({ host, en: translation }: I18nIntegrationTestContext<App>) {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<camel-ce component.ref="cm" t="[some-message]itemWithCount" t-params.bind="{count}">`
      })
      class App { public count: number = 0; public cm: CeWithCamelCaseBindable; }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<custom-message component.ref="cm" t="[message]itemWithCount" t-params.bind="{count}">`
      })
      class App { public count: number = 0; public cm: CustomMessage; }

• Read up
  Read up

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

Open

    const cases = [
      { name: 'works for date object', input: new Date(2019, 7, 20), output: new Date('8/20/2019').toLocaleDateString('en') },
      { name: 'works for ISO 8601 date string', input: new Date(2019, 7, 20).toISOString(), output: new Date('8/20/2019').toLocaleDateString('en') },
      { name: 'works for integer', input: 0, output: new Date(0).toLocaleDateString('en') },
      { name: 'works for integer string', input: '0', output: new Date(0).toLocaleDateString('en') },

• Read up
  Read up

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

Open

    const cases = [
      { name: 'works for date object', input: new Date(2019, 7, 20), output: new Date('8/20/2019').toLocaleDateString('en') },
      { name: 'works for ISO 8601 date string', input: new Date(2019, 7, 20).toISOString(), output: new Date('8/20/2019').toLocaleDateString('en') },
      { name: 'works for integer', input: 0, output: new Date(0).toLocaleDateString('en') },
      { name: 'works for integer string', input: '0', output: new Date(0).toLocaleDateString('en') },

• Read up
  Read up

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

Open

    for (const value of [undefined, null, 'chaos', new Date(), true]) {
      @customElement(strictDef)
      class App { private readonly num: string | boolean | Date = value; }
      $it(`returns the value itself if the value is not a number STRICT binding, for example: ${value}`, function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', `${value ?? ''}`);

• Read up
  Read up

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

Open

    for (const value of [undefined, null, 'chaos', new Date(), true]) {
      @customElement(strictDef)
      class App { private readonly num: string | boolean | Date = value; }

      $it(`returns the value itself if the value is not a number STRICT binding, for example: ${value}`, function ({ host }: I18nIntegrationTestContext<App>) {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | rt }</span>` })
      class App {
        public dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt & rt }</span>` })
      class App {
        public dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

      $it('when the key expression changed - property - custom element', function ({ ctx, host, en: translation, app }: I18nIntegrationTestContext<App>) {
        app.key = 'simple.attr';
        ctx.platform.domWriteQueue.flush();
        assertTextContent(host, `my-ce`, translation.simple.attr);

• Read up
  Read up

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

Open

      $it('when the key expression changed - property', function ({ ctx, host, en: translation, app }: I18nIntegrationTestContext<App>) {
        app.key = 'simple.attr';
        ctx.platform.domWriteQueue.flush();
        assertTextContent(host, `span`, translation.simple.attr);

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt & rt }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | rt }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t.bind='keyExpr'>tac</span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t.bind='keyExpr'>tac</span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t.bind='keyExpr'>tac</span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t.bind='keyExpr'>tac</span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t.bind='obj.key'></span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='\${obj.key}'></span>`
      })
      class App {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | rt : undefined : 'de' }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt & rt : { style: 'short' } : 'de' }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | rt : { style: 'short' } : 'de' }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | rt }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt & rt : undefined : 'de' }</span>` })
      class App {
        private readonly dt: Date;
        public constructor() {

• Read up
  Read up

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

Open

        async function ({ host, platform, container }: I18nIntegrationTestContext<App>) {
          await platform.taskQueue.queueTask(delta => {
            container.get<ISignaler>(ISignaler).dispatchSignal(Signals.RT_SIGNAL);
            platform.domWriteQueue.flush();
            assertTextContent(host, 'span', `${Math.round((delta + offset) / 1000)} seconds ago`);

• Read up
  Read up

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

Open

        async function ({ platform, host, container }) {
          await platform.taskQueue.queueTask(delta => {
            container.get<ISignaler>(ISignaler).dispatchSignal(Signals.RT_SIGNAL);
            platform.domWriteQueue.flush();
            assertTextContent(host, 'span', `${Math.round((delta + offset) / 1000)} seconds ago`);

• Read up
  Read up

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

Open

  {
    @customElement({
      name: 'app',
      template: `<p t.bind="undef" id="undefined">
        Undefined value

• Read up
  Read up

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

Open

  {

    @customElement({
      name: 'app',
      template: `<p t.bind="undef" id="undefined" t-params.bind="{defaultValue:'foo'}">

• Read up
  Read up

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

Open

  {
    @customElement({ name: 'app', template: `<span t='[title]simple.attr;[title]simple.text'></span>` })
    class App { }
    $it('value of last key takes effect if multiple keys target same attribute - t=\'[title]simple.attr;[title]simple.text\'', function ({ host, en: translation }: I18nIntegrationTestContext<App>) {
      assertTextContent(host, `span[title='${translation.simple.text}']`, '');

• Read up
  Read up

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

Open

  {
    @customElement({ name: 'app', template: `<span t='[title]simple.attr'></span>` })
    class App { }
    $it('can translate attributes - t=\'[title]simple.attr\'', function ({ host, en: translation }: I18nIntegrationTestContext<App>) {
      assertTextContent(host, `span[title='${translation.simple.attr}']`, '');

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]preHtml;[append]postHtml;mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]preHtml;[append]postHtml;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[append]postHtml;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]preHtml;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[append]postHtml;[html]mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre;[append]post;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[append]post;[html]midHtml'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]preHtml;[html]mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<foo-bar status="delivered" date="1971-12-25"><div au-slot t="status" t-params.bind="{context: status, date: date}"></div></foo-bar>` })
      class App {
        private readonly status: string = 'dispatched';
        private readonly date: string = '1972-12-26';

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<foo-bar status="delivered" date="1971-12-25"><div au-slot t="status" t-params.bind="{context: status, date: $host.date}"></div></foo-bar>` })
      class App {
        private readonly status: string = 'dispatched';
        private readonly date: string = '1972-12-26';

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt | df : {year:'2-digit', month:'2-digit', day:'2-digit'} : 'de' }</span>` })
      class App { private readonly dt: Date = new Date(2019, 7, 20); }
      $it('respects provided locale and formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '20.08.19');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ dt & df : {year:'2-digit', month:'2-digit', day:'2-digit'} : 'de' }</span>` })
      class App { private readonly dt: Date = new Date(2019, 7, 20); }
      $it('respects provided locale and formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '20.08.19');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num | nf : { style: 'currency', currency: 'EUR' } : 'de' }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given locale and formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '123.456.789,12\u00A0€');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num & nf : { style: 'currency', currency: 'EUR' } : 'de' }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given locale and formating options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '123.456.789,12\u00A0€');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num | nf : { style: 'currency', currency: 'EUR' } }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '€123,456,789.12');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num & nf : { style: 'currency', currency: 'EUR' } }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '€123,456,789.12');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num & nf }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats number by default as per current locale and default formatting options', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '123,456,789.12');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num | nf : undefined : 'de' }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given locale', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '123.456.789,12');

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<span>\${ num & nf : undefined : 'de' }</span>` })
      class App { private readonly num: number = 123456789.12; }
      $it('formats a given number as per given locale', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', '123.456.789,12');

• Read up
  Read up

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

Open

      $it('works for change of source value', function ({ host, platform, app }: I18nIntegrationTestContext<App>) {
        app.dt = new Date(2019, 7, 21);
        platform.domWriteQueue.flush();
        assertTextContent(host, 'span', '8/21/2019');
      }, { component: App });

• Read up
  Read up

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

Open

      $it('works for change of source value', function ({ host, platform, app }: I18nIntegrationTestContext<App>) {
        app.dt = new Date(2019, 7, 21);
        platform.domWriteQueue.flush();
        assertTextContent(host, 'span', '8/21/2019');
      }, { component: App });

• Read up
  Read up

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

Open

    @customElement({
      name: 'app',
      template: `<p t.bind="undef" id="undefined">
      Undefined value
    </p>

• Read up
  Read up

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

Open

    @customElement({
      name: 'app',
      template: `<p t.bind="undef" id="undefined" t-params.bind="{defaultValue:'foo'}">
        Undefined value
      </p>

• Read up
  Read up

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

Open

      $it('works for change of source value', function ({ host, platform, app }: I18nIntegrationTestContext<App>) {
        app.num = 123456789.21;
        platform.domWriteQueue.flush();

        assertTextContent(host, 'span', '123,456,789.21');

• Read up
  Read up

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

Open

      $it('works for change of source value', function ({ host, app, platform }: I18nIntegrationTestContext<App>) {
        app.num = 123456789.21;
        platform.domWriteQueue.flush();

        assertTextContent(host, 'span', '123,456,789.21');

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre;mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre'>tac</span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[append]post;mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre;[append]post'>tac</span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({ name: 'app', template: `<foo-bar status="delivered" date="1971-12-25"></foo-bar>` })
      class App { }
      $it('w/o projection', function ({ host }: I18nIntegrationTestContext<App>) {
        assertTextContent(host, 'span', 'delivered on 1971-12-25');

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[append]post'>tac</span>`
      })
      class App { }

• Read up
  Read up

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

Open

    {
      @customElement({
        name: 'app', template: `<span t='[prepend]pre;[append]post;mid'></span>`
      })
      class App { }

• Read up
  Read up

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

Open

      $it(name, function ({ host }: I18nIntegrationTestContext<App1>) {
        assertTextContent(host, 'span', (output ?? '').toString());
      }, { component: App1 });

• Read up
  Read up

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

Open

      $it(name, function ({ host }: I18nIntegrationTestContext<App1>) {
        assertTextContent(host, 'span', (output ?? '').toString());
      }, { component: App1 });

• Read up
  Read up

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

Open

      @customElement({ name: 'app', template: `<span>\${ dt & rt }</span>` })
      class App {
        public dt: Date = new Date(Date.now() - offset);
      }

• Read up
  Read up

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

Open

      @customElement({ name: 'app', template: `<span>\${ dt | rt }</span>` })
      class App {
        public dt: Date = new Date(Date.now() - offset);
      }

• Read up
  Read up