How to use aurelia-pal - 10 common examples

it('should set focus value to false when element loses focus', () => {
        focus.attached();
        setBindedFocusValue(true);

        otherElement.focus();
        element.dispatchEvent(DOM.createCustomEvent('blur'));

        expect(focus.value).toBe(false);
    });

import 'aurelia-polyfills';
import 'aurelia-loader-webpack';
import {initialize} from 'aurelia-pal-browser';
import { PLATFORM } from 'aurelia-pal';

PLATFORM.moduleName('test/routes/route-1');
PLATFORM.moduleName('test/routes/route-2');
PLATFORM.moduleName('test/routes/layout-1');
PLATFORM.moduleName('test/routes/layout-2');
PLATFORM.moduleName('test/routes/multiple-slots-route-1');
PLATFORM.moduleName('test/routes/multiple-slots-layout-1');

initialize();

createTopBufferElement(element) {
    const elementName = /^[uo]l$/.test(element.parentNode.localName) ? 'li' : 'div';
    const buffer = DOM.createElement(elementName);
    const tableElement = element.parentNode.parentNode;
    tableElement.parentNode.insertBefore(buffer, tableElement);
    buffer.innerHTML = ' ';
    return buffer;
  }

TableStrategy.prototype.createTopBufferElement = function createTopBufferElement(element) {
    var elementName = /^[uo]l$/.test(element.parentNode.localName) ? 'li' : 'div';
    var buffer = DOM.createElement(elementName);
    var tableElement = element.parentNode.parentNode;
    tableElement.parentNode.insertBefore(buffer, tableElement);
    buffer.innerHTML = ' ';
    return buffer;
  };

createTopBufferElement(element: Element): Element {
    const elementName = /^[uo]l$/.test(element.parentNode.localName) ? 'li' : 'div';
    const buffer = DOM.createElement(elementName);
    const tableElement = element.parentNode.parentNode;
    tableElement.parentNode.insertBefore(buffer, tableElement);
    buffer.innerHTML = ' ';
    return buffer;
  }

cssNormalize() {
        PLATFORM.moduleName('./styles/normalize.css');
        this.loader.loadText('@aurelia-ux/core/styles/normalize.css')
            .catch(err => {
            this.logger.warn('Aurelia-UX Core failed to load normalize.css, some visual errors may appear.', err);
        })
            .then(text => {
            if (text) {
                this.globalStyleEngine.addOrUpdateGlobalStyle('@aurelia-ux/core/styles/normalize.css', text);
            }
        });
        return this;
    }
};

UXConfiguration.prototype.cssReset = function () {
        var _this = this;
        PLATFORM.moduleName('./styles/reset.css');
        this.loader.loadText('@aurelia-ux/core/styles/reset.css')
            .catch(function (err) {
            _this.logger.warn('Aurelia-UX Core failed to load reset.css, some visual errors may appear.', err);
        })
            .then(function (text) {
            if (text) {
                _this.globalStyleEngine.addOrUpdateGlobalStyle('@aurelia-ux/core/styles/reset.css', text);
            }
        });
        return this;
    };
    UXConfiguration = __decorate([

cssReset() {
        PLATFORM.moduleName('./styles/reset.css');
        this.loader.loadText('@aurelia-ux/core/styles/reset.css')
            .catch(err => {
            this.logger.warn('Aurelia-UX Core failed to load reset.css, some visual errors may appear.', err);
        })
            .then(text => {
            if (text) {
                this.globalStyleEngine.addOrUpdateGlobalStyle('@aurelia-ux/core/styles/reset.css', text);
            }
        });
        return this;
    }
};

UXConfiguration.prototype.cssNormalize = function () {
        var _this = this;
        PLATFORM.moduleName('./styles/normalize.css');
        this.loader.loadText('@aurelia-ux/core/styles/normalize.css')
            .catch(function (err) {
            _this.logger.warn('Aurelia-UX Core failed to load normalize.css, some visual errors may appear.', err);
        })
            .then(function (text) {
            if (text) {
                _this.globalStyleEngine.addOrUpdateGlobalStyle('@aurelia-ux/core/styles/normalize.css', text);
            }
        });
        return this;
    };
    UXConfiguration = __decorate([

function trackRequestStart(client) {
    client.isRequesting = !!(++client.activeRequestCount);
    if (client.isRequesting) {
        let evt = DOM.createCustomEvent('aurelia-fetch-client-request-started', { bubbles: true, cancelable: true });
        setTimeout(() => DOM.dispatchEvent(evt), 1);
    }
}
function trackRequestEnd(client) {