jaxon-php / jaxon-mono

jaxon-js/tests/cmd.node.test.js

const jq = require('jquery');
const {
    cmd: { node },
    ajax: { command: handler, callback },
    utils: { dom, queue },
    parser: { attr, query },
} = require('../dist/jaxon.module');

// Init the selector library.
query.jq = jq;

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

const makeRequest = commands => {
    const oRequest = {
        callback: [],
        response: {
            content: {
                jxn: {
                    commands,
                },
            },
        },
    };
    callback.initCallbacks(oRequest);

The variable callback seems to be never declared. If this is a global, consider adding a /** global: callback */ comment.

    return oRequest;
};

beforeEach(() => attr.reset());

The variable attr seems to be never declared. If this is a global, consider adding a /** global: attr */ comment.

  
test('Assign element inner html', () => {
    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    node.assign({

The variable node seems to be never declared. If this is a global, consider adding a /** global: node */ comment.

        attr: 'innerHTML',
        value: 'Mister Johnson',
    }, {
        target: dom.$('username'),

The variable dom seems to be never declared. If this is a global, consider adding a /** global: dom */ comment.

    });

    expect(query.jq('#username').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Assign element inner html', () => {
    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const command = {
        name: 'node.assign',
        args: {
            id: 'username',
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
    };

    handler.processCommands(makeRequest([command]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#username').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Assign element outer html', () => {
    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    node.assign({

The variable node seems to be never declared. If this is a global, consider adding a /** global: node */ comment.

        attr: 'outerHTML',
        value: 'Mister Johnson',
    }, {
        target: dom.$('username'),

The variable dom seems to be never declared. If this is a global, consider adding a /** global: dom */ comment.

        queue: queue.create(5),

The variable queue seems to be never declared. If this is a global, consider adding a /** global: queue */ comment.

    });

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Assign element outer html', () => {
    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const command = {
        name: 'node.assign',
        args: {
            id: 'username',
            attr: 'outerHTML',
            value: 'Mister Johnson',
        },
    };

    handler.processCommands(makeRequest([command]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Bind a node to a component', () => {

This code seems to be duplicated in your project.

    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const bindCommand = {
        name: 'node.bind',
        args: {
            id: 'username',
            component: {
                name: 'Component',
            },
        },
    };
    const assignCommand = {
        name: 'node.assign',
        args: {
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
        component: {
            name: 'Component',
        },
    };

    handler.processCommands(makeRequest([bindCommand, assignCommand]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Bind a node to a component with empty item', () => {

This code seems to be duplicated in your project.

    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const bindCommand = {
        name: 'node.bind',
        args: {
            id: 'username',
            component: {
                name: 'Component',
                item: '',
            },
        },
    };
    const assignCommand = {
        name: 'node.assign',
        args: {
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
        component: {
            name: 'Component',
        },
    };

    handler.processCommands(makeRequest([bindCommand, assignCommand]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Bind a node to a component with item', () => {

This code seems to be duplicated in your project.

    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const bindCommand = {
        name: 'node.bind',
        args: {
            id: 'username',
            component: {
                name: 'Component',
                item: 'item',
            },
        },
    };
    const assignCommand = {
        name: 'node.assign',
        args: {
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
        component: {
            name: 'Component',
            item: 'item',
        },
    };

    handler.processCommands(makeRequest([bindCommand, assignCommand]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Assign a component not bound to a node', () => {
    document.body.innerHTML = `<div id="wrapper"><span jxn-bind="Component" jxn-item="item"></span></div>`;

    const assignCommand = {
        name: 'node.assign',
        args: {
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
        component: {
            name: 'Component',
            item: 'item',
        },
    };

    handler.processCommands(makeRequest([assignCommand]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});

test('Assign an unbound component to a node', () => {
    document.body.innerHTML = `<div id="wrapper"><span id="username"></span></div>`;

    const bindCommand = {
        name: 'node.bind',
        args: {
            id: 'username',
            component: {
                name: 'Component',
                item: 'item',
            },
        },
    };

    handler.processCommands(makeRequest([bindCommand]));

The variable handler seems to be never declared. If this is a global, consider adding a /** global: handler */ comment.

    // This will unbind the component
    document.body.innerHTML = `<div id="wrapper"><span jxn-bind="Component" jxn-item="item"></span></div>`;

    const assignCommand = {
        name: 'node.assign',
        args: {
            attr: 'innerHTML',
            value: 'Mister Johnson',
        },
        component: {
            name: 'Component',
            item: 'item',
        },
    };

    handler.processCommands(makeRequest([assignCommand]));

    expect(query.jq('#wrapper').text()).toBe('Mister Johnson');

The variable query seems to be never declared. If this is a global, consider adding a /** global: query */ comment.

});