tests: removed js-fixtures

nette · Oct 24, 2023 · f7c617c · f7c617c
1 parent b71f0a9
commit f7c617c
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 74 deletions.
diff --git a/tests/netteForms/karma.conf.js b/tests/netteForms/karma.conf.js
@@ -4,7 +4,6 @@ module.exports = function(config) {
 		frameworks: ['jasmine'],
 		browsers: ['ChromeHeadless'],
 		files: [
-			'node_modules/js-fixtures/fixtures.js',
 			'../../src/assets/netteForms.js',
 			'spec/*Spec.js'
 		],

diff --git a/tests/netteForms/spec/Nette.validateRuleSpec.js b/tests/netteForms/spec/Nette.validateRuleSpec.js
@@ -1,15 +1,10 @@
 describe('Nette.getValue & validateRule', function() {
-
-	beforeEach(function() {
-		fixtures.cleanUp();
-	});
-
+	let testContainer;
 
 	it('text input', function() {
-		fixtures.set('<form><input type="text" name="input"></form>');
+		testContainer.innerHTML = `<form><input type="text" name="input"></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe('');
@@ -85,10 +80,9 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('text area', function() {
-		fixtures.set('<form><textarea name="input"></textarea></form>');
+		testContainer.innerHTML = `<form><textarea name="input"></textarea></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe('');
@@ -106,34 +100,31 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('upload', function() {
-		fixtures.set('<form method="post" enctype="multipart/form-data"><input type="file" name="input"></form>');
+		testContainer.innerHTML = `<form method="post" enctype="multipart/form-data"><input type="file" name="input"></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
-		expect(Nette.getValue(el) instanceof fixtures.window().FileList).toBe(true);
+		expect(Nette.getValue(el) instanceof FileList).toBe(true);
 		expect(Nette.getValue(el).length).toBe(0);
 	});
 
 
 	it('multi upload', function() {
-		fixtures.set('<form method="post" enctype="multipart/form-data"><input type="file" name="input[]" multiple></form>');
+		testContainer.innerHTML = `<form method="post" enctype="multipart/form-data"><input type="file" name="input[]" multiple></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form['input[]'];
 
-		expect(Nette.getValue(el) instanceof fixtures.window().FileList).toBe(true);
+		expect(Nette.getValue(el) instanceof FileList).toBe(true);
 		expect(Nette.getValue(el).length).toBe(0);
 	});
 
 
 	it('checkbox', function() {
-		fixtures.set('<form><input type="checkbox" name="input" value="r"></form>');
+		testContainer.innerHTML = `<form><input type="checkbox" name="input" value="r"></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe(false);
@@ -150,22 +141,21 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('checkbox list', function() {
-		fixtures.set('<form> \
-			<input type="checkbox" name="input[]" value="r" id="input-r"> \
-			<input type="checkbox" name="input[]" value="g" id="input-g"> \
-			<input type="checkbox" name="input[]" value="b" id="input-b"> \
-		</form>');
-
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		testContainer.innerHTML = `<form>
+			<input type="checkbox" name="input[]" value="r" id="input-r">
+			<input type="checkbox" name="input[]" value="g" id="input-g">
+			<input type="checkbox" name="input[]" value="b" id="input-b">
+		</form>`;
+
+		let form = testContainer.querySelector('form'),
 			el = form['input[]'];
 
 		expect(Nette.getValue(el)).toEqual([]);
 		expect(Nette.validateRule(el, 'filled')).toBe(false);
 		expect(Nette.validateRule(el, 'blank')).toBe(true);
 		expect(Nette.validateRule(el, 'equal', ['r', 'g', 'b'])).toBe(true);
 
-		doc.getElementById('input-r').checked = true;
+		testContainer.querySelector('#input-r').checked = true;
 		expect(Nette.getValue(el)).toEqual(['r']);
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -175,7 +165,7 @@ describe('Nette.getValue & validateRule', function() {
 		expect(Nette.validateRule(el, 'minLength', 1)).toBe(true);
 		expect(Nette.validateRule(el, 'minLength', 2)).toBe(false);
 
-		doc.getElementById('input-g').checked = true;
+		testContainer.querySelector('#input-g').checked = true;
 		expect(Nette.getValue(el)).toEqual(['r', 'g']);
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -189,18 +179,17 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('checkbox list with single item', function() {
-		fixtures.set('<form><input type="checkbox" name="input[]" value="r" id="input-r"></form>');
+		testContainer.innerHTML = `<form><input type="checkbox" name="input[]" value="r" id="input-r"></form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form['input[]'];
 
 		expect(Nette.getValue(el)).toEqual([]);
 		expect(Nette.validateRule(el, 'filled')).toBe(false);
 		expect(Nette.validateRule(el, 'blank')).toBe(true);
 		expect(Nette.validateRule(el, 'equal', ['r', 'g', 'b'])).toBe(true);
 
-		doc.getElementById('input-r').checked = true;
+		testContainer.querySelector('#input-r').checked = true;
 		expect(Nette.getValue(el)).toEqual(['r']);
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -213,10 +202,9 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('radio', function() {
-		fixtures.set('<form><input type="radio" name="input" value="f"><form>');
+		testContainer.innerHTML = `<form><input type="radio" name="input" value="f"><form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe(null);
@@ -235,24 +223,23 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('radio list', function() {
-		fixtures.set('<form> \
-			<input type="radio" name="input" value="m" id="input-m"> \
-			<input type="radio" name="input" value="f" id="input-f"> \
-		</form>');
+		testContainer.innerHTML = `<form>
+			<input type="radio" name="input" value="m" id="input-m">
+			<input type="radio" name="input" value="f" id="input-f">
+		</form>`;
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe(null);
 		expect(Nette.validateRule(el, 'filled')).toBe(false);
 		expect(Nette.validateRule(el, 'blank')).toBe(true);
 		expect(Nette.validateRule(el, 'equal', ['f', 'm'])).toBe(false);
 
-		doc.getElementById('input-m').checked = true;
+		testContainer.querySelector('#input-m').checked = true;
 		expect(Nette.getValue(el)).toBe('m');
 
-		doc.getElementById('input-f').checked = true;
+		testContainer.querySelector('#input-f').checked = true;
 		expect(Nette.getValue(el)).toBe('f');
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -263,52 +250,50 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('selectbox', function() {
-		fixtures.set('<form> \
-			<select name="input"> \
-				<option value="">Prompt</option> \
-				<optgroup label="World"><option value="bu" id="option-2">Buranda</option></optgroup> \
-				<option value="?" id="option-3">other</option> \
-			</select> \
-		</form>');
-
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		testContainer.innerHTML = `<form>
+			<select name="input">
+				<option value="">Prompt</option>
+				<optgroup label="World"><option value="bu" id="option-2">Buranda</option></optgroup>
+				<option value="?" id="option-3">other</option>
+			</select>
+		</form>`;
+
+		let form = testContainer.querySelector('form'),
 			el = form.input;
 
 		expect(Nette.getValue(el)).toBe('');
 		expect(Nette.validateRule(el, 'filled')).toBe(false);
 		expect(Nette.validateRule(el, 'blank')).toBe(true);
 
-		doc.getElementById('option-2').selected = true;
+		testContainer.querySelector('#option-2').selected = true;
 		expect(Nette.getValue(el)).toBe('bu');
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
 		expect(Nette.validateRule(el, 'equal', 'bu')).toBe(true);
 		expect(Nette.validateRule(el, 'equal', 'x')).toBe(false);
 		expect(Nette.validateRule(el, 'equal', ['bu', 'x'])).toBe(true);
 
-		doc.getElementById('option-3').selected = true;
+		testContainer.querySelector('#option-3').selected = true;
 		expect(Nette.getValue(el)).toBe('?');
 	});
 
 
 	it('multi selectbox', function() {
-		fixtures.set('<form> \
-			<select name="input[]" multiple> \
-				<optgroup label="World"><option value="bu" id="option-2">Buranda</option></optgroup> \
-				<option value="?" id="option-3">other</option> \
-			</select> \
-		</form>');
-
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		testContainer.innerHTML = `<form>
+			<select name="input[]" multiple>
+				<optgroup label="World"><option value="bu" id="option-2">Buranda</option></optgroup>
+				<option value="?" id="option-3">other</option>
+			</select>
+		</form>`;
+
+		let form = testContainer.querySelector('form'),
 			el = form['input[]'];
 
 		expect(Nette.getValue(el)).toEqual([]);
 		expect(Nette.validateRule(el, 'filled')).toBe(false);
 		expect(Nette.validateRule(el, 'blank')).toBe(true);
 
-		doc.getElementById('option-2').selected = true;
+		testContainer.querySelector('#option-2').selected = true;
 		expect(Nette.getValue(el)).toEqual(['bu']);
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -318,7 +303,7 @@ describe('Nette.getValue & validateRule', function() {
 		expect(Nette.validateRule(el, 'minLength', 1)).toBe(true);
 		expect(Nette.validateRule(el, 'minLength', 2)).toBe(false);
 
-		doc.getElementById('option-3').selected = true;
+		testContainer.querySelector('#option-3').selected = true;
 		expect(Nette.getValue(el)).toEqual(['bu', '?']);
 		expect(Nette.validateRule(el, 'filled')).toBe(true);
 		expect(Nette.validateRule(el, 'blank')).toBe(false);
@@ -332,14 +317,23 @@ describe('Nette.getValue & validateRule', function() {
 
 
 	it('missing name', function() {
-		fixtures.set('<form><input></form>');
+		testContainer.innerHTML = '<form><input></form>';
 
-		var doc = fixtures.window().document,
-			form = doc.forms[0],
+		let form = testContainer.querySelector('form'),
 			el = form.elements[0];
 
 		expect(Nette.getValue(el)).toEqual('');
 		el.value = ' hello ';
 		expect(Nette.getValue(el)).toBe('hello');
 	});
+
+
+	beforeEach(function() {
+		testContainer = document.createElement('div');
+		document.body.appendChild(testContainer);
+	});
+
+	afterEach(function() {
+		document.body.removeChild(testContainer);
+	});
 });