lib: add FormData global when fetch is enabled

PR-URL: #41956
Backport-PR-URL: #42727
Reviewed-By: Colin Ihrig <[email protected]>
Reviewed-By: Robert Nagy <[email protected]>
Reviewed-By: Benjamin Gruenbaum <[email protected]>
Reviewed-By: Matteo Collina <[email protected]>
Reviewed-By: Minwoo Jung <[email protected]>
Reviewed-By: Mestery <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>

Author: targos

.eslintrc.js

@@ -335,6 +335,7 @@ module.exports = {
     atob: 'readable',
     performance: 'readable',
     fetch: 'readable',
+    FormData: 'readable',
     Headers: 'readable',
     Request: 'readable',
     Response: 'readable',

doc/api/globals.md

@@ -306,6 +306,17 @@ added: REPLACEME
 
 A browser-compatible implementation of the [`fetch()`][] function.
 
+## Class `FormData`
+
+<!-- YAML
+added: REPLACEME
+-->
+
+> Stability: 1 - Experimental. Enable this API with the [`--experimental-fetch`][]
+> CLI flag.
+
+A browser-compatible implementation of {FormData}.
+
 ## `global`
 
 <!-- YAML

lib/.eslintrc.yaml

@@ -43,6 +43,10 @@ rules:
       message: "Use `const { Event } = require('internal/event_target');` instead of the global."
     - name: EventTarget
       message: "Use `const { EventTarget } = require('internal/event_target');` instead of the global."
+    - name: FormData
+      message: "Use `const { FormData } = require('internal/deps/undici/undici');` instead of the global."
+    - name: Headers
+      message: "Use `const { Headers } = require('internal/deps/undici/undici');` instead of the global."
       # Intl is not available in primordials because it can be
       # disabled with --without-intl build flag.
     - name: Intl

lib/internal/bootstrap/pre_execution.js

@@ -157,6 +157,7 @@ function setupFetch() {
 
   const undici = require('internal/deps/undici/undici');
   defineOperation(globalThis, 'fetch', undici.fetch);
+  exposeInterface(globalThis, 'FormData', undici.FormData);
   exposeInterface(globalThis, 'Headers', undici.Headers);
   exposeInterface(globalThis, 'Request', undici.Request);
   exposeInterface(globalThis, 'Response', undici.Response);

test/common/index.js

@@ -296,6 +296,7 @@ if (global.PerformanceMeasure) {
 if (global.fetch) {
   knownGlobals.push(
     global.fetch,
+    global.FormData,
     global.Request,
     global.Response,
     global.Headers,

test/parallel/test-fetch.mjs

@@ -7,6 +7,7 @@ import events from 'events';
 import http from 'http';
 
 assert.strictEqual(typeof globalThis.fetch, 'function');
+assert.strictEqual(typeof globalThis.FormData, 'function');
 assert.strictEqual(typeof globalThis.Headers, 'function');
 assert.strictEqual(typeof globalThis.Request, 'function');
 assert.strictEqual(typeof globalThis.Response, 'function');

test/wpt/test-url.js

@@ -21,6 +21,15 @@ runner.setScriptModifier((obj) => {
     // created via `document.createElement`. So we need to ignore them and just
     // test `URL`.
     obj.code = obj.code.replace(/\["url", "a", "area"\]/, '[ "url" ]');
+  } else if (typeof FormData === 'undefined' &&
+      obj.filename.includes('urlsearchparams-constructor.any.js')) {
+    // TODO(XadillaX): Remove this `else if` after `FormData` is supported.
+
+    // Ignore test named `URLSearchParams constructor, FormData.` because we do
+    // not have `FormData`.
+    obj.code = obj.code.replace(
+      /('URLSearchParams constructor, object\.'\);[\w\W]+)test\(function\(\) {[\w\W]*?}, 'URLSearchParams constructor, FormData\.'\);/,
+      '$1');
   }
 });
 runner.pretendGlobalThisAs('Window');

tools/doc/type-parser.mjs

@@ -266,6 +266,7 @@ const customTypesMap = {
   'TextDecoderStream':
     'webstreams.md#class-textdecoderstream',
 
+  'FormData': 'https://developer.mozilla.org/en-US/docs/Web/API/FormData',
   'Headers': 'https://developer.mozilla.org/en-US/docs/Web/API/Headers',
   'Response': 'https://developer.mozilla.org/en-US/docs/Web/API/Response',
   'Request': 'https://developer.mozilla.org/en-US/docs/Web/API/Request',