jaxon-js/tests/call.form.test.js - Code Metrics - jaxon-php/jaxon-mono - Measure and Improve Code Quality continuously with Scrutinizer

jaxon-js/tests/call.form.test.js A
last analyzed 2025-12-26 16:02 UTC

↳ Parent: Project

Complexity

Total Complexity	11
Complexity/F	1

Size

Lines of Code	279
Function Count	11

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	133
c	0
b	0
f	0
dl	0
loc	279
rs	10
wmc	11
mnd	0
bc	0
fnc	11
bpm	0
cpm	1
noi	27

const jq = require('jquery');
const {
    cmd: { node },
    utils: { dom, form, types },
    parser: { query },
} = require('../dist/jaxon.module');

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


test('Test empty form', () => {
    document.body.innerHTML = `
    <div id="wrapper">
      <form id="test_form">
      </form>
    </div>`;

    const formValues = form.getValues('test_form');


    expect(types.of(formValues)).toBe('object');

    expect(Object.keys(formValues).length).toBe(0);
});

test('Test form without id', () => {
  document.body.innerHTML = `
  <div id="wrapper">
    <form>
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(Object.keys(formValues).length).toBe(0);
});

test('Test form with multiple select in simple var', () => {
  // Fix: https://github.com/jaxon-php/jaxon-core/issues/128
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <select multiple="multiple" name="multiselect">
        <option value="1" selected>Value 1</option>
        <option value="2" selected>Value 2</option>
        <option value="3">Value 3</option>
      </select>
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.multiselect)).toBe('string');
  expect(formValues.multiselect).toBe('2');
});

test('Test assign command on multiple select in simple var', () => {
    // Fix: https://github.com/jaxon-php/jaxon-js/issues/29
    document.body.innerHTML = `
    <div id="wrapper">
      <form id="test_form">
        <select id="multiselect" multiple="multiple" name="multiselect">
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
          <option value="3">Value 3</option>
        </select>
      </form>
    </div>`;

    const formValues0 = form.getValues('test_form');


    expect(types.of(formValues0)).toBe('object');

    expect(formValues0.multiselect).toBe(undefined);

    node.assign({

        attr: 'options[0].selected',
        value: 'true',
    }, {
        target: dom.$('multiselect'),

    });
    const formValues1 = form.getValues('test_form');

    expect(types.of(formValues1)).toBe('object');
    expect(types.of(formValues1.multiselect)).toBe('string');
    expect(formValues1.multiselect).toBe('1');

    node.assign({
        attr: 'options[1].selected',
        value: 'true',
    }, {
        target: dom.$('multiselect'),
    });
    const formValues2 = form.getValues('test_form');

    expect(types.of(formValues2)).toBe('object');
    expect(types.of(formValues2.multiselect)).toBe('string');
    expect(formValues2.multiselect).toBe('2');
});

test('Test form with multiple select in array var', () => {
  // Fix: https://github.com/jaxon-php/jaxon-core/issues/128
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <select multiple="multiple" name="multiselect[]">
        <option value="1" selected>Value 1</option>
        <option value="2" selected>Value 2</option>
        <option value="3">Value 3</option>
      </select>
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.multiselect)).toBe('array');
  expect(formValues.multiselect.length).toBe(2);
  expect(formValues.multiselect[0]).toBe('1');
  expect(formValues.multiselect[1]).toBe('2');
});

test('Test assign command on multiple select in array var', () => {
    // Fix: https://github.com/jaxon-php/jaxon-js/issues/29
    document.body.innerHTML = `
    <div id="wrapper">
      <form id="test_form">
        <select id="multiselect" multiple="multiple" name="multiselect[]">
          <option value="1">Value 1</option>
          <option value="2">Value 2</option>
          <option value="3">Value 3</option>
        </select>
      </form>
    </div>`;

    const formValues0 = form.getValues('test_form');


    expect(types.of(formValues0)).toBe('object');

    expect(types.of(formValues0.multiselect)).toBe('array');
    expect(formValues0.multiselect.length).toBe(0);

    node.assign({

        attr: 'options[0].selected',
        value: 'true',
    }, {
        target: dom.$('multiselect'),

    });
    const formValues1 = form.getValues('test_form');

    expect(types.of(formValues1)).toBe('object');
    expect(types.of(formValues1.multiselect)).toBe('array');
    expect(formValues1.multiselect.length).toBe(1);
    expect(formValues1.multiselect[0]).toBe('1');

    node.assign({
        attr: 'options[1].selected',
        value: 'true',
    }, {
        target: dom.$('multiselect'),
    });
    const formValues2 = form.getValues('test_form');

    expect(types.of(formValues2)).toBe('object');
    expect(types.of(formValues2.multiselect)).toBe('array');
    expect(formValues2.multiselect.length).toBe(2);
    expect(formValues2.multiselect[0]).toBe('1');
    expect(formValues2.multiselect[1]).toBe('2');
});

test('Test multiple select in nested array var', () => {
    // Fix: https://github.com/jaxon-php/jaxon-js/issues/29
    document.body.innerHTML = `
    <div id="wrapper">
      <form id="test_form">
        <select id="multiselect" multiple="multiple" name="user[roles][]">
        <option value="1" selected>Value 1</option>
        <option value="2">Value 2</option>
        <option value="3" selected>Value 3</option>
        </select>
      </form>
    </div>`;

    const formValues = form.getValues('test_form');


    expect(types.of(formValues)).toBe('object');

    expect(types.of(formValues.user)).toBe('object');
    expect(types.of(formValues.user.roles)).toBe('array');
    expect(formValues.user.roles.length).toBe(2);
    expect(formValues.user.roles[0]).toBe('1');
    expect(formValues.user.roles[1]).toBe('3');
});

test('Test form with names into brackets', () => {
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <input name="user[name]" value="John Doe" />
      <input name="user[email]" value="[email protected]" />
      <input name="user[website]" value="john.doe.website.com" />
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.user)).toBe('object');
  expect(Object.keys(formValues.user).length).toBe(3);
  expect(formValues.user.name).toBe('John Doe');
  expect(formValues.user.email).toBe('[email protected]');
  expect(formValues.user.website).toBe('john.doe.website.com');
});

test('Test form with names into multiple brackets', () => {
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <input name="user[name][first]" value="John" />
      <input name="user[name][last]" value="Doe" />
      <input name="user[email]" value="[email protected]" />
      <input name="user[website]" value="john.doe.website.com" />
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.user)).toBe('object');
  expect(Object.keys(formValues.user).length).toBe(3);
  expect(types.of(formValues.user.name)).toBe('object');
  expect(Object.keys(formValues.user.name).length).toBe(2);
  expect(formValues.user.name.first).toBe('John');
  expect(formValues.user.name.last).toBe('Doe');
  expect(formValues.user.email).toBe('[email protected]');
  expect(formValues.user.website).toBe('john.doe.website.com');
});

test('Test form with array field', () => {
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <input name="values[]" value="First value" />
      <input name="values[]" value="Second value" />
      <input name="values[]" value="Third value" />
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.values)).toBe('array');
  expect(Object.keys(formValues.values).length).toBe(3);
  expect(formValues.values[0]).toBe('First value');
  expect(formValues.values[1]).toBe('Second value');
  expect(formValues.values[2]).toBe('Third value');
});

test('Test form with object with array field', () => {
  document.body.innerHTML = `
  <div id="wrapper">
    <form id="test_form">
      <input name="user[roles][]" value="First role" />
      <input name="user[perms][]" value="First perm" />
      <input name="user[roles][]" value="Second role" />
      <input name="user[perms][]" value="Second perm" />
    </form>
  </div>`;

  const formValues = form.getValues('test_form');


  expect(types.of(formValues)).toBe('object');

  expect(types.of(formValues.user)).toBe('object');
  expect(types.of(formValues.user.roles)).toBe('array');
  expect(types.of(formValues.user.perms)).toBe('array');
  expect(Object.keys(formValues.user.roles).length).toBe(2);
  expect(Object.keys(formValues.user.perms).length).toBe(2);
  expect(formValues.user.roles[0]).toBe('First role');
  expect(formValues.user.roles[1]).toBe('Second role');
  expect(formValues.user.perms[0]).toBe('First perm');
  expect(formValues.user.perms[1]).toBe('Second perm');
});


1			const jq = require('jquery');
2			const {
3			cmd: { node },
4			utils: { dom, form, types },
5			parser: { query },
6			} = require('../dist/jaxon.module');
7
8			// Init the selector library.
9			query.jq = jq;
			0 ignored issues – show Bug introduced 2025-10-13 20:57 UTC by Report Bug Copy Issue Report The variable `query` seems to be never declared. If this is a global, consider adding a `/** global: query */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
10
11			test('Test empty form', () => {
12			document.body.innerHTML = `
13			<div id="wrapper">
14			<form id="test_form">
15			</form>
16			</div>`;
17
18			const formValues = form.getValues('test_form');
			0 ignored issues – show Bug introduced 2025-10-13 20:57 UTC by Report Bug Copy Issue Report The variable `form` seems to be never declared. If this is a global, consider adding a `/** global: form */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
19
20			expect(types.of(formValues)).toBe('object');
			0 ignored issues – show Bug introduced 2025-10-13 20:57 UTC by Report Bug Copy Issue Report The variable `types` seems to be never declared. If this is a global, consider adding a `/** global: types */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
21			expect(Object.keys(formValues).length).toBe(0);
22			});
23
24			test('Test form without id', () => {
25			document.body.innerHTML = `
26			<div id="wrapper">
27			<form>
28			</form>
29			</div>`;
30
31			const formValues = form.getValues('test_form');
			0 ignored issues – show Bug introduced 2025-10-13 20:57 UTC by Report Bug Copy Issue Report The variable `form` seems to be never declared. If this is a global, consider adding a `/** global: form */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
32
33			expect(types.of(formValues)).toBe('object');
			0 ignored issues – show Bug introduced 2025-10-13 20:57 UTC by Report Bug Copy Issue Report The variable `types` seems to be never declared. If this is a global, consider adding a `/** global: types */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
34			expect(Object.keys(formValues).length).toBe(0);
35			});

jaxon-php / jaxon-mono

jaxon-js/tests/call.form.test.js A last analyzed 2025-12-26 16:02 UTC

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like

jaxon-js/tests/call.form.test.js A
last analyzed 2025-12-26 16:02 UTC