From 118147836fd8457cf15a136675d040c47fcd26c6 Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Sun, 16 May 2021 12:29:55 +0800
Subject: [PATCH] Restructure tests, add other scenarios

Handle selects, as well as file uploads.
---
 README.md                                     |   4 +
 cypress.json                                  |   7 +-
 .../fixtures/templates/blank.html             |   0
 .../fixtures/templates/everything.html        |   0
 .../templates/single-disabled-input.html      |   0
 .../fixtures/templates/single-file-input.html |  16 ++
 ...e-input-with-double-button-submitters.html |   0
 ...le-input-with-double-input-submitters.html |   0
 .../fixtures/templates/single-input.html      |   0
 .../templates/single-multiple-file-input.html |  16 ++
 .../templates/single-multiple-select.html     |  21 ++
 .../single-outside-input-and-submitter.html   |  15 ++
 .../templates/single-outside-input.html       |  18 ++
 .../templates/single-readonly-input.html      |   0
 cypress/fixtures/templates/single-select.html |  20 ++
 cypress/fixtures/uploads/data.json            |   3 +
 {test => cypress}/integration/blank.test.ts   |   7 +-
 .../integration/everything.test.ts            |   7 +-
 cypress/integration/single.test.ts            | 200 ++++++++++++++++++
 {test => cypress}/plugins/index.ts            |   0
 {test => cypress}/support/commands.ts         |   3 +
 {test => cypress}/support/index.ts            |   1 -
 cypress/tsconfig.json                         |   2 +-
 package.json                                  |  41 ++--
 src/index.ts                                  |  60 +++++-
 test/integration/single.test.ts               |  94 --------
 test/utils/search.ts                          |   0
 yarn.lock                                     |   5 +
 28 files changed, 402 insertions(+), 138 deletions(-)
 rename {test => cypress}/fixtures/templates/blank.html (100%)
 rename {test => cypress}/fixtures/templates/everything.html (100%)
 rename {test => cypress}/fixtures/templates/single-disabled-input.html (100%)
 create mode 100644 cypress/fixtures/templates/single-file-input.html
 rename {test => cypress}/fixtures/templates/single-input-with-double-button-submitters.html (100%)
 rename {test => cypress}/fixtures/templates/single-input-with-double-input-submitters.html (100%)
 rename {test => cypress}/fixtures/templates/single-input.html (100%)
 create mode 100644 cypress/fixtures/templates/single-multiple-file-input.html
 create mode 100644 cypress/fixtures/templates/single-multiple-select.html
 create mode 100644 cypress/fixtures/templates/single-outside-input-and-submitter.html
 create mode 100644 cypress/fixtures/templates/single-outside-input.html
 rename {test => cypress}/fixtures/templates/single-readonly-input.html (100%)
 create mode 100644 cypress/fixtures/templates/single-select.html
 create mode 100644 cypress/fixtures/uploads/data.json
 rename {test => cypress}/integration/blank.test.ts (65%)
 rename {test => cypress}/integration/everything.test.ts (88%)
 create mode 100644 cypress/integration/single.test.ts
 rename {test => cypress}/plugins/index.ts (100%)
 rename {test => cypress}/support/commands.ts (93%)
 rename {test => cypress}/support/index.ts (95%)
 delete mode 100644 test/integration/single.test.ts
 delete mode 100644 test/utils/search.ts

diff --git a/README.md b/README.md
index 2db757a..698da75 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,10 @@
 
 Extract form values through the DOM.
 
+## Motivation
+
+There are many ways to lay out forms.
+
 ## Installation
 
 The library is not yet out on any package manager. Installing through the URL is the preferred way.
diff --git a/cypress.json b/cypress.json
index d9bbdde..0967ef4 100644
--- a/cypress.json
+++ b/cypress.json
@@ -1,6 +1 @@
-{
-	"fixturesFolder": "test/fixtures",
-	"integrationFolder": "test/integration",
-	"pluginsFile": "test/plugins/index.ts",
-	"supportFile": "test/support/index.ts"
-}
+{}
diff --git a/test/fixtures/templates/blank.html b/cypress/fixtures/templates/blank.html
similarity index 100%
rename from test/fixtures/templates/blank.html
rename to cypress/fixtures/templates/blank.html
diff --git a/test/fixtures/templates/everything.html b/cypress/fixtures/templates/everything.html
similarity index 100%
rename from test/fixtures/templates/everything.html
rename to cypress/fixtures/templates/everything.html
diff --git a/test/fixtures/templates/single-disabled-input.html b/cypress/fixtures/templates/single-disabled-input.html
similarity index 100%
rename from test/fixtures/templates/single-disabled-input.html
rename to cypress/fixtures/templates/single-disabled-input.html
diff --git a/cypress/fixtures/templates/single-file-input.html b/cypress/fixtures/templates/single-file-input.html
new file mode 100644
index 0000000..75d862a
--- /dev/null
+++ b/cypress/fixtures/templates/single-file-input.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form>
+			<label>
+				<span>Hello</span>
+				<input type="file" name="hello" />
+			</label>
+			<button type="submit">Submit</button>
+		</form>
+	</body>
+</html>
diff --git a/test/fixtures/templates/single-input-with-double-button-submitters.html b/cypress/fixtures/templates/single-input-with-double-button-submitters.html
similarity index 100%
rename from test/fixtures/templates/single-input-with-double-button-submitters.html
rename to cypress/fixtures/templates/single-input-with-double-button-submitters.html
diff --git a/test/fixtures/templates/single-input-with-double-input-submitters.html b/cypress/fixtures/templates/single-input-with-double-input-submitters.html
similarity index 100%
rename from test/fixtures/templates/single-input-with-double-input-submitters.html
rename to cypress/fixtures/templates/single-input-with-double-input-submitters.html
diff --git a/test/fixtures/templates/single-input.html b/cypress/fixtures/templates/single-input.html
similarity index 100%
rename from test/fixtures/templates/single-input.html
rename to cypress/fixtures/templates/single-input.html
diff --git a/cypress/fixtures/templates/single-multiple-file-input.html b/cypress/fixtures/templates/single-multiple-file-input.html
new file mode 100644
index 0000000..633b1fd
--- /dev/null
+++ b/cypress/fixtures/templates/single-multiple-file-input.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form>
+			<label>
+				<span>Hello</span>
+				<input type="file" name="hello" multiple />
+			</label>
+			<button type="submit">Submit</button>
+		</form>
+	</body>
+</html>
diff --git a/cypress/fixtures/templates/single-multiple-select.html b/cypress/fixtures/templates/single-multiple-select.html
new file mode 100644
index 0000000..08e64d2
--- /dev/null
+++ b/cypress/fixtures/templates/single-multiple-select.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form>
+			<label>
+				<span>Hello</span>
+				<select name="hello" multiple>
+					<option>Foo</option>
+					<option selected>Bar</option>
+					<option>Baz</option>
+					<option selected>Quux</option>
+				</select>
+			</label>
+			<button type="submit">Submit</button>
+		</form>
+	</body>
+</html>
diff --git a/cypress/fixtures/templates/single-outside-input-and-submitter.html b/cypress/fixtures/templates/single-outside-input-and-submitter.html
new file mode 100644
index 0000000..17b8808
--- /dev/null
+++ b/cypress/fixtures/templates/single-outside-input-and-submitter.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form id="form"></form>
+		<label>
+			<span>Hello</span>
+			<input type="text" name="hello" value="Hi" form="form" />
+		</label>
+		<button type="submit" form="form">Submit</button>
+	</body>
+</html>
diff --git a/cypress/fixtures/templates/single-outside-input.html b/cypress/fixtures/templates/single-outside-input.html
new file mode 100644
index 0000000..4553eb1
--- /dev/null
+++ b/cypress/fixtures/templates/single-outside-input.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form
+			id="form"
+		>
+			<button type="submit">Submit</button>
+		</form>
+		<label>
+			<span>Hello</span>
+			<input type="text" name="hello" value="Hi" form="form" />
+		</label>
+	</body>
+</html>
diff --git a/test/fixtures/templates/single-readonly-input.html b/cypress/fixtures/templates/single-readonly-input.html
similarity index 100%
rename from test/fixtures/templates/single-readonly-input.html
rename to cypress/fixtures/templates/single-readonly-input.html
diff --git a/cypress/fixtures/templates/single-select.html b/cypress/fixtures/templates/single-select.html
new file mode 100644
index 0000000..1f71ded
--- /dev/null
+++ b/cypress/fixtures/templates/single-select.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-PH">
+	<head>
+		<meta charset="UTF-8">
+		<title>Title</title>
+	</head>
+	<body>
+		<form>
+			<label>
+				<span>Hello</span>
+				<select name="hello">
+					<option>Foo</option>
+					<option>Bar</option>
+					<option selected>Baz</option>
+				</select>
+			</label>
+			<button type="submit">Submit</button>
+		</form>
+	</body>
+</html>
diff --git a/cypress/fixtures/uploads/data.json b/cypress/fixtures/uploads/data.json
new file mode 100644
index 0000000..8b32dd1
--- /dev/null
+++ b/cypress/fixtures/uploads/data.json
@@ -0,0 +1,3 @@
+{
+	"hello": "hi"
+}
diff --git a/test/integration/blank.test.ts b/cypress/integration/blank.test.ts
similarity index 65%
rename from test/integration/blank.test.ts
rename to cypress/integration/blank.test.ts
index 619356b..b1bd3ea 100644
--- a/test/integration/blank.test.ts
+++ b/cypress/integration/blank.test.ts
@@ -1,8 +1,5 @@
-/// <reference types="cypress" />
-/// <reference types="cypress-jest-adapter" />
-
 import getFormValues from '../../src'
-import * as utils from '../utils'
+import * as utils from '../../test/utils'
 
 describe('blank template', () => {
 	beforeEach(utils.setup('blank'))
@@ -11,7 +8,7 @@ describe('blank template', () => {
 		utils.test(
 			(cy: any) => cy.get('[type="submit"]'),
 			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
 				const after = utils.makeSearchParams(search).toString();
 				expect(before).toEqual(after);
 			},
diff --git a/test/integration/everything.test.ts b/cypress/integration/everything.test.ts
similarity index 88%
rename from test/integration/everything.test.ts
rename to cypress/integration/everything.test.ts
index 5468b8e..2d43985 100644
--- a/test/integration/everything.test.ts
+++ b/cypress/integration/everything.test.ts
@@ -1,8 +1,5 @@
-/// <reference types="cypress" />
-/// <reference types="cypress-jest-adapter" />
-
 import getFormValues from '../../src'
-import * as utils from '../utils';
+import * as utils from '../../test/utils';
 
 describe('blank template', () => {
 	beforeEach(utils.setup('everything'))
@@ -31,7 +28,7 @@ describe('blank template', () => {
 				return cy.get('[name="submit"][value="Hi"]')
 			},
 			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
 				const after = utils.makeSearchParams(search).toString();
 				expect(before).toEqual(after);
 			},
diff --git a/cypress/integration/single.test.ts b/cypress/integration/single.test.ts
new file mode 100644
index 0000000..c82209a
--- /dev/null
+++ b/cypress/integration/single.test.ts
@@ -0,0 +1,200 @@
+import getFormValues from '../../src'
+import * as utils from '../../test/utils';
+
+describe('single input template', () => {
+	beforeEach(utils.setup('single-input'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+			}
+		);
+	});
+})
+
+describe('single outside input template', () => {
+	beforeEach(utils.setup('single-outside-input'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+			}
+		);
+	});
+})
+
+describe('single outside input and submitter template', () => {
+	beforeEach(utils.setup('single-outside-input-and-submitter'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+			}
+		);
+	});
+})
+
+describe('single readonly template', () => {
+	beforeEach(utils.setup('single-readonly-input'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+			}
+		);
+	});
+})
+
+describe('single disabled template', () => {
+	beforeEach(utils.setup('single-disabled-input'))
+
+	it('should have blank form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{}
+		);
+	});
+})
+
+describe('single input with double button submitters template', () => {
+	beforeEach(utils.setup('single-input-with-double-button-submitters'))
+
+	it('should have double form values', () => {
+		utils.test(
+			(cy: any) => cy.get('[name="action"][value="Foo"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+				action: 'Foo',
+			}
+		);
+	});
+})
+
+describe('single input with double input submitters template', () => {
+	beforeEach(utils.setup('single-input-with-double-input-submitters'))
+
+	it('should have double form values', () => {
+		utils.test(
+			(cy: any) => cy.get('[name="action"][value="Bar"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Hi',
+				action: 'Bar',
+			}
+		);
+	});
+})
+
+describe('single select template', () => {
+	beforeEach(utils.setup('single-select'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Baz',
+			}
+		);
+	});
+})
+
+describe('single multiple select template', () => {
+	beforeEach(utils.setup('single-multiple-select'))
+
+	it('should have single form value', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'Bar,Quux',
+			}
+		);
+	});
+})
+
+describe('single file input template', () => {
+	beforeEach(utils.setup('single-file-input'))
+
+	it('should have no form values when no file is selected', () => {
+		utils.test(
+			(cy: any) => cy.get('[type="submit"]'),
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{}
+		);
+	})
+
+	it('should have single form value when a file is selected', () => {
+		utils.test(
+			(cy: any) => {
+				cy
+					.get('[name="hello"]')
+					.attachFile('uploads/data.json')
+
+				return cy.get('[type="submit"]')
+			},
+			(form: HTMLFormElement, submitter: any, search: any) => {
+				const before = utils.makeSearchParams(getFormValues(form, {submitter})).toString();
+				const after = utils.makeSearchParams(search).toString();
+				expect(before).toEqual(after);
+			},
+			{
+				hello: 'data.json',
+			}
+		);
+	})
+})
diff --git a/test/plugins/index.ts b/cypress/plugins/index.ts
similarity index 100%
rename from test/plugins/index.ts
rename to cypress/plugins/index.ts
diff --git a/test/support/commands.ts b/cypress/support/commands.ts
similarity index 93%
rename from test/support/commands.ts
rename to cypress/support/commands.ts
index 119ab03..7c9d2f1 100644
--- a/test/support/commands.ts
+++ b/cypress/support/commands.ts
@@ -23,3 +23,6 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+import 'cypress-jest-adapter'
+import 'cypress-file-upload'
diff --git a/test/support/index.ts b/cypress/support/index.ts
similarity index 95%
rename from test/support/index.ts
rename to cypress/support/index.ts
index ed026ad..bd55847 100644
--- a/test/support/index.ts
+++ b/cypress/support/index.ts
@@ -15,7 +15,6 @@
 
 // Import commands.ts using ES2015 syntax:
 import './commands'
-import 'cypress-jest-adapter'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json
index 20dff1e..fa1cd16 100644
--- a/cypress/tsconfig.json
+++ b/cypress/tsconfig.json
@@ -2,7 +2,7 @@
 	"compilerOptions": {
 		"target": "es5",
 		"lib": ["es5", "dom"],
-		"types": ["cypress"]
+		"types": ["cypress", "cypress-file-upload", "cypress-jest-adapter"]
 	},
 	"include": ["**/*.ts"]
 }
diff --git a/package.json b/package.json
index b481515..272580a 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -7,25 +7,25 @@
     "dist",
     "src"
   ],
-	"publishing": {
-		"github": {
-			"repository": "https://github.com/TheoryOfNekomata/formxtr.git",
-			"publishConfig": {
-				"registry": "https://npm.pkg.github.com"
-			}
-		},
-		"master": {
-			"repository": "https://code.modal.sh/TheoryOfNekomata/formxtr.git",
-			"publishConfig": {
-				"registry": "https://js.pack.modal.sh"
-			}
-		},
-		"npm": {
-			"publishConfig": {
-				"registry": "https://registry.npmjs.com"
-			}
-		}
-	},
+  "publishing": {
+    "github": {
+      "repository": "https://github.com/TheoryOfNekomata/formxtr.git",
+      "publishConfig": {
+        "registry": "https://npm.pkg.github.com"
+      }
+    },
+    "master": {
+      "repository": "https://code.modal.sh/TheoryOfNekomata/formxtr.git",
+      "publishConfig": {
+        "registry": "https://js.pack.modal.sh"
+      }
+    },
+    "npm": {
+      "publishConfig": {
+        "registry": "https://registry.npmjs.com"
+      }
+    }
+  },
   "engines": {
     "node": ">=10"
   },
@@ -68,6 +68,7 @@
     "@size-limit/preset-small-lib": "^4.10.2",
     "@types/jsdom": "^16.2.10",
     "cypress": "^7.2.0",
+    "cypress-file-upload": "^5.0.7",
     "cypress-jest-adapter": "^0.1.1",
     "husky": "^6.0.0",
     "jsdom": "^16.5.3",
diff --git a/src/index.ts b/src/index.ts
index d1684b3..5e04396 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,9 +1,20 @@
+/**
+ * Type for valid field elements.
+ *
+ *
+ */
+
 type HTMLFieldElement
 	= HTMLInputElement
 	| HTMLButtonElement
 	| HTMLSelectElement
 	| HTMLTextAreaElement
 
+/**
+ * Type for valid submitter elements.
+ *
+ * Only the <button> and <input> elements can be submitter elements.
+ */
 type HTMLSubmitterElement
 	= HTMLButtonElement
 	| HTMLInputElement
@@ -42,8 +53,15 @@ const getFieldValue = (el: HTMLFieldElement) => {
 		return fieldEl.value.replace(/\n/g, '\r\n')
 	}
 
-	if (tagName === 'SELECT' && fieldEl.value === '') {
-		return null
+	if (tagName === 'SELECT') {
+		if (fieldEl.value === '') {
+			return null
+		}
+		const selectEl = fieldEl as HTMLSelectElement
+		if (selectEl.multiple) {
+			return Array.from(selectEl.options).filter(o => o.selected).map(o => o.value)
+		}
+		return selectEl.value
 	}
 
 	if (tagName === 'INPUT') {
@@ -64,6 +82,17 @@ const getFieldValue = (el: HTMLFieldElement) => {
 				return radioEl.value
 			}
 			return null
+		case 'file':
+			const fileUploadEl = fieldEl as HTMLInputElement
+			const { files } = fileUploadEl
+			if ((files as unknown) !== null) {
+				const [file = null] = Array.from(files as FileList)
+				if (file !== null) {
+					return file.name
+				}
+				return ''
+			}
+			return null
 		default:
 			break
 		}
@@ -75,7 +104,7 @@ const getFieldValue = (el: HTMLFieldElement) => {
 
 /**
  * Returns only named form field elements.
- * @param el - The element
+ * @param el - The element.
  */
 const isValidFormField = (el: HTMLFieldElement) => {
 	return (
@@ -87,10 +116,29 @@ const isValidFormField = (el: HTMLFieldElement) => {
 	)
 }
 
+type GetFormValuesOptions = {
+	/**
+	 * The element that triggered the submission of the form.
+	 */
+	submitter?: HTMLSubmitterElement,
+	/**
+	 * Should we consider the `checked` attribute of checkboxes with no `value` attributes instead of the default value
+	 * "on" when checked?
+	 */
+	booleanValuelessCheckbox?: true,
+	/**
+	 * Should we retrieve the `files` attribute of file inputs instead of the currently selected file names?
+	 */
+	hasFiles?: true,
+}
+
 /**
  * Gets the values of all the fields within the form through accessing the DOM nodes.
+ * @param form - The form.
+ * @param options - The options.
+ * @returns The form values.
  */
-const getFormValues = (form: HTMLFormElement, submitter?: HTMLSubmitterElement) => {
+const getFormValues = (form: HTMLFormElement, options = {} as GetFormValuesOptions) => {
 	if (!form) {
 		throw new TypeError('Invalid form element.')
 	}
@@ -134,10 +182,10 @@ const getFormValues = (form: HTMLFormElement, submitter?: HTMLSubmitterElement)
 		},
 		{} as any
 	)
-	if (Boolean(submitter as unknown)) {
+	if (Boolean(options.submitter as unknown)) {
 		return {
 			...fieldValues,
-			[(submitter as HTMLSubmitterElement).name]: (submitter as HTMLSubmitterElement).value,
+			[(options.submitter as HTMLSubmitterElement).name]: (options.submitter as HTMLSubmitterElement).value,
 		}
 	}
 	return fieldValues
diff --git a/test/integration/single.test.ts b/test/integration/single.test.ts
deleted file mode 100644
index 4394276..0000000
--- a/test/integration/single.test.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/// <reference types="cypress" />
-
-import getFormValues from '../../src'
-import * as utils from '../utils';
-
-describe('single input template', () => {
-	beforeEach(utils.setup('single-input'))
-
-	it('should have single form value', () => {
-		utils.test(
-			(cy: any) => cy.get('[type="submit"]'),
-			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
-				const after = utils.makeSearchParams(search).toString();
-				expect(before).toEqual(after);
-			},
-			{
-				hello: 'Hi',
-			}
-		);
-	});
-})
-
-describe('single readonly template', () => {
-	beforeEach(utils.setup('single-readonly-input'))
-
-	it('should have single form value', () => {
-		utils.test(
-			(cy: any) => cy.get('[type="submit"]'),
-			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
-				const after = utils.makeSearchParams(search).toString();
-				expect(before).toEqual(after);
-			},
-			{
-				hello: 'Hi',
-			}
-		);
-	});
-})
-
-describe('single disabled template', () => {
-	beforeEach(utils.setup('single-disabled-input'))
-
-	it('should have blank form value', () => {
-		utils.test(
-			(cy: any) => cy.get('[type="submit"]'),
-			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
-				const after = utils.makeSearchParams(search).toString();
-				expect(before).toEqual(after);
-			},
-			{}
-		);
-	});
-})
-
-describe('single input with double button submitters template', () => {
-	beforeEach(utils.setup('single-input-with-double-button-submitters'))
-
-	it('should have double form values', () => {
-		utils.test(
-			(cy: any) => cy.get('[name="action"][value="Foo"]'),
-			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
-				const after = utils.makeSearchParams(search).toString();
-				expect(before).toEqual(after);
-			},
-			{
-				hello: 'Hi',
-				action: 'Foo',
-			}
-		);
-	});
-})
-
-describe('single input with double input submitters template', () => {
-	beforeEach(utils.setup('single-input-with-double-input-submitters'))
-
-	it('should have double form values', () => {
-		utils.test(
-			(cy: any) => cy.get('[name="action"][value="Bar"]'),
-			(form: HTMLFormElement, submitter: any, search: any) => {
-				const before = utils.makeSearchParams(getFormValues(form, submitter)).toString();
-				const after = utils.makeSearchParams(search).toString();
-				expect(before).toEqual(after);
-			},
-			{
-				hello: 'Hi',
-				action: 'Bar',
-			}
-		);
-	});
-})
diff --git a/test/utils/search.ts b/test/utils/search.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/yarn.lock b/yarn.lock
index f99287d..687c504 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3182,6 +3182,11 @@ cyclist@^1.0.1:
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
+cypress-file-upload@^5.0.7:
+  version "5.0.7"
+  resolved "https://registry.yarnpkg.com/cypress-file-upload/-/cypress-file-upload-5.0.7.tgz#acf24fe08a92b2d0c892a58b56811fb933d34ea9"
+  integrity sha512-cgWsWx7igxjyyVm9/VJ9ukdy69jL00I7z0lrwUWtXXLPvX4neO+8JAZ054Ax8Xf+mdV9OerenXzb9nqRoafjHA==
+
 cypress-jest-adapter@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/cypress-jest-adapter/-/cypress-jest-adapter-0.1.1.tgz#d1aa9d84393b6a5007022d1d33b3cdd3ce9672af"