5f11c8d98f
As part of transition to Vue 3.0 and Vite (#230), this commit facilitates the shift towards building rest of the application using Vite. By doing so, it eliminates reliance on outdated Electron building system that offered limited control, blocking desktop builds (#233). Changes include: - Introduce Vite with Vue 2.0 plugin for test execution. - Remove `mocha`, `chai` and other related dependencies. - Adjust test to Vitest syntax. - Revise and update `tests.md` to document the changes. - Add `@modyfi/vite-plugin-yaml` plugin to be able to use yaml file depended logic on test files, replacing previous webpack behavior. - Fix failing tests that are revealed by Vitest due to unhandled errors and lack of assertments. - Remove the test that depends on Vue CLI populating `process.env`. - Use `jsdom` for unit test environment, adding it to dependency to `package.json` as project now depends on it and it was not specified even though `package-lock.json` included it.
464 lines
16 KiB
TypeScript
464 lines
16 KiB
TypeScript
import { describe, it, expect } from 'vitest';
|
|
import { SelectedScript } from '@/application/Context/State/Selection/SelectedScript';
|
|
import { UserSelection } from '@/application/Context/State/Selection/UserSelection';
|
|
import { CategoryStub } from '@tests/unit/shared/Stubs/CategoryStub';
|
|
import { CategoryCollectionStub } from '@tests/unit/shared/Stubs/CategoryCollectionStub';
|
|
import { SelectedScriptStub } from '@tests/unit/shared/Stubs/SelectedScriptStub';
|
|
import { ScriptStub } from '@tests/unit/shared/Stubs/ScriptStub';
|
|
import { UserSelectionTestRunner } from './UserSelectionTestRunner';
|
|
|
|
describe('UserSelection', () => {
|
|
describe('ctor', () => {
|
|
describe('has nothing with no initial selection', () => {
|
|
// arrange
|
|
const allScripts = [
|
|
new SelectedScriptStub('s1', false),
|
|
];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([])
|
|
.withCategory(1, allScripts.map((s) => s.script))
|
|
// act
|
|
.run()
|
|
// assert
|
|
.expectFinalScripts([]);
|
|
});
|
|
describe('has initial selection', () => {
|
|
// arrange
|
|
const scripts = [
|
|
new SelectedScriptStub('s1', false),
|
|
new SelectedScriptStub('s2', false),
|
|
];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(scripts)
|
|
.withCategory(1, scripts.map((s) => s.script))
|
|
// act
|
|
.run()
|
|
// assert
|
|
.expectFinalScripts(scripts);
|
|
});
|
|
});
|
|
describe('deselectAll', () => {
|
|
describe('removes existing items', () => {
|
|
// arrange
|
|
const allScripts = [
|
|
new SelectedScriptStub('s1', false),
|
|
new SelectedScriptStub('s2', false),
|
|
new SelectedScriptStub('s3', false),
|
|
new SelectedScriptStub('s4', false),
|
|
];
|
|
const selectedScripts = allScripts.filter(
|
|
(s) => ['s1', 's2', 's3'].includes(s.id),
|
|
);
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(selectedScripts)
|
|
.withCategory(1, allScripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.deselectAll();
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts([])
|
|
.expectFinalScriptsInEvent(0, []);
|
|
});
|
|
describe('does not notify if nothing is selected', () => {
|
|
new UserSelectionTestRunner()
|
|
// arrange
|
|
.withSelectedScripts([])
|
|
// act
|
|
.run((sut) => {
|
|
sut.deselectAll();
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(0);
|
|
});
|
|
});
|
|
describe('selectAll', () => {
|
|
describe('selects as expected', () => {
|
|
// arrange
|
|
const expected = [
|
|
new SelectedScriptStub('s1', false),
|
|
new SelectedScriptStub('s2', false),
|
|
];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([])
|
|
.withCategory(1, expected.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.selectAll();
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(expected)
|
|
.expectFinalScriptsInEvent(0, expected);
|
|
});
|
|
describe('does not notify if nothing new is selected', () => {
|
|
const allScripts = [new ScriptStub('s1'), new ScriptStub('s2')];
|
|
const selectedScripts = allScripts.map((s) => s.toSelectedScript(false));
|
|
new UserSelectionTestRunner()
|
|
// arrange
|
|
.withSelectedScripts(selectedScripts)
|
|
.withCategory(0, allScripts)
|
|
// act
|
|
.run((sut) => {
|
|
sut.selectAll();
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(0);
|
|
});
|
|
});
|
|
describe('selectOnly', () => {
|
|
describe('selects as expected', () => {
|
|
// arrange
|
|
const allScripts = [
|
|
new SelectedScriptStub('s1', false),
|
|
new SelectedScriptStub('s2', false),
|
|
new SelectedScriptStub('s3', false),
|
|
new SelectedScriptStub('s4', false),
|
|
];
|
|
const getScripts = (...ids: string[]) => allScripts.filter((s) => ids.includes(s.id));
|
|
const testCases = [
|
|
{
|
|
name: 'adds as expected',
|
|
preSelected: getScripts('s1'),
|
|
toSelect: getScripts('s1', 's2'),
|
|
},
|
|
{
|
|
name: 'removes as expected',
|
|
preSelected: getScripts('s1', 's2', 's3'),
|
|
toSelect: getScripts('s1'),
|
|
},
|
|
{
|
|
name: 'adds and removes as expected',
|
|
preSelected: getScripts('s1', 's2', 's3'),
|
|
toSelect: getScripts('s2', 's3', 's4'),
|
|
},
|
|
];
|
|
for (const testCase of testCases) {
|
|
describe(testCase.name, () => {
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(testCase.preSelected)
|
|
.withCategory(1, testCase.toSelect.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.selectOnly(testCase.toSelect.map((s) => s.script));
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(testCase.toSelect)
|
|
.expectFinalScriptsInEvent(0, testCase.toSelect);
|
|
});
|
|
}
|
|
});
|
|
describe('does not notify if selection does not change', () => {
|
|
const allScripts = [new ScriptStub('s1'), new ScriptStub('s2'), new ScriptStub('s3')];
|
|
const toSelect = [allScripts[0], allScripts[1]];
|
|
const preSelected = toSelect.map((s) => s.toSelectedScript(false));
|
|
new UserSelectionTestRunner()
|
|
// arrange
|
|
.withSelectedScripts(preSelected)
|
|
.withCategory(0, allScripts)
|
|
// act
|
|
.run((sut) => {
|
|
sut.selectOnly(toSelect);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(0);
|
|
});
|
|
});
|
|
describe('addOrUpdateSelectedScript', () => {
|
|
describe('adds when item does not exist', () => {
|
|
// arrange
|
|
const scripts = [new ScriptStub('s1'), new ScriptStub('s2')];
|
|
const expected = [new SelectedScript(scripts[0], false)];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([])
|
|
.withCategory(1, scripts)
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateSelectedScript(scripts[0].id, false);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(expected)
|
|
.expectFinalScriptsInEvent(0, expected);
|
|
});
|
|
describe('updates when item exists', () => {
|
|
// arrange
|
|
const scripts = [new ScriptStub('s1'), new ScriptStub('s2')];
|
|
const existing = new SelectedScript(scripts[0], false);
|
|
const expected = new SelectedScript(scripts[0], true);
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([existing])
|
|
.withCategory(1, scripts)
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateSelectedScript(expected.id, expected.revert);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts([expected])
|
|
.expectFinalScriptsInEvent(0, [expected]);
|
|
});
|
|
});
|
|
describe('removeAllInCategory', () => {
|
|
describe('does nothing when nothing exists', () => {
|
|
// arrange
|
|
const categoryId = 99;
|
|
const scripts = [new ScriptStub('s1'), new ScriptStub('s2')];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([])
|
|
.withCategory(categoryId, scripts)
|
|
// act
|
|
.run((sut) => {
|
|
sut.removeAllInCategory(categoryId);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(0)
|
|
.expectFinalScripts([]);
|
|
});
|
|
describe('removes all when all exists', () => {
|
|
// arrange
|
|
const categoryId = 34;
|
|
const scripts = [new SelectedScriptStub('s1'), new SelectedScriptStub('s2')];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(scripts)
|
|
.withCategory(categoryId, scripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.removeAllInCategory(categoryId);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts([]);
|
|
});
|
|
describe('removes existing when some exists', () => {
|
|
// arrange
|
|
const categoryId = 55;
|
|
const existing = [new ScriptStub('s1'), new ScriptStub('s2')];
|
|
const notExisting = [new ScriptStub('s3'), new ScriptStub('s4')];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(existing.map((script) => new SelectedScript(script, false)))
|
|
.withCategory(categoryId, [...existing, ...notExisting])
|
|
// act
|
|
.run((sut) => {
|
|
sut.removeAllInCategory(categoryId);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts([]);
|
|
});
|
|
});
|
|
describe('addOrUpdateAllInCategory', () => {
|
|
describe('when all already exists', () => {
|
|
describe('does nothing if nothing is changed', () => {
|
|
// arrange
|
|
const categoryId = 55;
|
|
const existingScripts = [
|
|
new SelectedScriptStub('s1', false),
|
|
new SelectedScriptStub('s2', false),
|
|
];
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(existingScripts)
|
|
.withCategory(categoryId, existingScripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateAllInCategory(categoryId);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(0)
|
|
.expectFinalScripts(existingScripts);
|
|
});
|
|
describe('changes revert status of all', () => {
|
|
// arrange
|
|
const newStatus = false;
|
|
const scripts = [
|
|
new SelectedScriptStub('e1', !newStatus),
|
|
new SelectedScriptStub('e2', !newStatus),
|
|
new SelectedScriptStub('e3', newStatus),
|
|
];
|
|
const expectedScripts = scripts.map((s) => new SelectedScript(s.script, newStatus));
|
|
const categoryId = 31;
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(scripts)
|
|
.withCategory(categoryId, scripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateAllInCategory(categoryId, newStatus);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(expectedScripts)
|
|
.expectFinalScriptsInEvent(0, expectedScripts);
|
|
});
|
|
});
|
|
describe('when nothing exists; adds all with given revert status', () => {
|
|
const revertStatuses = [true, false];
|
|
for (const revertStatus of revertStatuses) {
|
|
describe(`when revert status is ${revertStatus}`, () => {
|
|
// arrange
|
|
const categoryId = 1;
|
|
const scripts = [
|
|
new SelectedScriptStub('s1', !revertStatus),
|
|
new SelectedScriptStub('s2', !revertStatus),
|
|
];
|
|
const expected = scripts.map((s) => new SelectedScript(s.script, revertStatus));
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts([])
|
|
.withCategory(categoryId, scripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateAllInCategory(categoryId, revertStatus);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(expected)
|
|
.expectFinalScriptsInEvent(0, expected);
|
|
});
|
|
}
|
|
});
|
|
describe('when some exists; changes revert status of all', () => {
|
|
// arrange
|
|
const newStatus = true;
|
|
const existing = [
|
|
new SelectedScriptStub('e1', true),
|
|
new SelectedScriptStub('e2', false),
|
|
];
|
|
const notExisting = [
|
|
new SelectedScriptStub('n3', true),
|
|
new SelectedScriptStub('n4', false),
|
|
];
|
|
const allScripts = [...existing, ...notExisting];
|
|
const expectedScripts = allScripts.map((s) => new SelectedScript(s.script, newStatus));
|
|
const categoryId = 77;
|
|
new UserSelectionTestRunner()
|
|
.withSelectedScripts(existing)
|
|
.withCategory(categoryId, allScripts.map((s) => s.script))
|
|
// act
|
|
.run((sut) => {
|
|
sut.addOrUpdateAllInCategory(categoryId, newStatus);
|
|
})
|
|
// assert
|
|
.expectTotalFiredEvents(1)
|
|
.expectFinalScripts(expectedScripts)
|
|
.expectFinalScriptsInEvent(0, expectedScripts);
|
|
});
|
|
});
|
|
describe('isSelected', () => {
|
|
it('returns false when not selected', () => {
|
|
// arrange
|
|
const selectedScript = new ScriptStub('selected');
|
|
const notSelectedScript = new ScriptStub('not selected');
|
|
const collection = new CategoryCollectionStub()
|
|
.withAction(new CategoryStub(1)
|
|
.withScripts(selectedScript, notSelectedScript));
|
|
const sut = new UserSelection(collection, [new SelectedScript(selectedScript, false)]);
|
|
// act
|
|
const actual = sut.isSelected(notSelectedScript.id);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
it('returns true when selected', () => {
|
|
// arrange
|
|
const selectedScript = new ScriptStub('selected');
|
|
const notSelectedScript = new ScriptStub('not selected');
|
|
const collection = new CategoryCollectionStub()
|
|
.withAction(new CategoryStub(1)
|
|
.withScripts(selectedScript, notSelectedScript));
|
|
const sut = new UserSelection(collection, [new SelectedScript(selectedScript, false)]);
|
|
// act
|
|
const actual = sut.isSelected(selectedScript.id);
|
|
// assert
|
|
expect(actual).to.equal(true);
|
|
});
|
|
});
|
|
describe('category state', () => {
|
|
describe('when no scripts are selected', () => {
|
|
// arrange
|
|
const category = new CategoryStub(1)
|
|
.withScriptIds('non-selected-script-1', 'non-selected-script-2');
|
|
const collection = new CategoryCollectionStub().withAction(category);
|
|
const sut = new UserSelection(collection, []);
|
|
it('areAllSelected returns false', () => {
|
|
// act
|
|
const actual = sut.areAllSelected(category);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
it('isAnySelected returns false', () => {
|
|
// act
|
|
const actual = sut.isAnySelected(category);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
});
|
|
describe('when no subscript exists in selected scripts', () => {
|
|
// arrange
|
|
const category = new CategoryStub(1)
|
|
.withScriptIds('non-selected-script-1', 'non-selected-script-2');
|
|
const selectedScript = new ScriptStub('selected');
|
|
const collection = new CategoryCollectionStub()
|
|
.withAction(category)
|
|
.withAction(new CategoryStub(22).withScript(selectedScript));
|
|
const sut = new UserSelection(collection, [new SelectedScript(selectedScript, false)]);
|
|
it('areAllSelected returns false', () => {
|
|
// act
|
|
const actual = sut.areAllSelected(category);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
it('isAnySelected returns false', () => {
|
|
// act
|
|
const actual = sut.isAnySelected(category);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
});
|
|
describe('when one of the scripts are selected', () => {
|
|
// arrange
|
|
const selectedScript = new ScriptStub('selected');
|
|
const category = new CategoryStub(1)
|
|
.withScriptIds('non-selected-script-1', 'non-selected-script-2')
|
|
.withCategory(new CategoryStub(12).withScript(selectedScript));
|
|
const collection = new CategoryCollectionStub().withAction(category);
|
|
const sut = new UserSelection(collection, [new SelectedScript(selectedScript, false)]);
|
|
it('areAllSelected returns false', () => {
|
|
// act
|
|
const actual = sut.areAllSelected(category);
|
|
// assert
|
|
expect(actual).to.equal(false);
|
|
});
|
|
it('isAnySelected returns true', () => {
|
|
// act
|
|
const actual = sut.isAnySelected(category);
|
|
// assert
|
|
expect(actual).to.equal(true);
|
|
});
|
|
});
|
|
describe('when all scripts are selected', () => {
|
|
// arrange
|
|
const firstSelectedScript = new ScriptStub('selected1');
|
|
const secondSelectedScript = new ScriptStub('selected2');
|
|
const category = new CategoryStub(1)
|
|
.withScript(firstSelectedScript)
|
|
.withCategory(new CategoryStub(12).withScript(secondSelectedScript));
|
|
const collection = new CategoryCollectionStub().withAction(category);
|
|
const selectedScripts = [firstSelectedScript, secondSelectedScript]
|
|
.map((s) => new SelectedScript(s, false));
|
|
const sut = new UserSelection(collection, selectedScripts);
|
|
it('areAllSelected returns true', () => {
|
|
// act
|
|
const actual = sut.areAllSelected(category);
|
|
// assert
|
|
expect(actual).to.equal(true);
|
|
});
|
|
it('isAnySelected returns true', () => {
|
|
// act
|
|
const actual = sut.isAnySelected(category);
|
|
// assert
|
|
expect(actual).to.equal(true);
|
|
});
|
|
});
|
|
});
|
|
});
|