use native fetch

Author: kobenguyent

Bunoshfile.js

@@ -1,7 +1,6 @@
 import fs from 'node:fs'
 import path from 'node:path'
 import { execSync } from 'node:child_process'
-import axios from 'axios'
 import semver from 'semver'
 
 const { shell, writeToFile, copyFile, task } = global.bunosh
@@ -156,11 +155,19 @@ export async function docsExternalHelpers() {
  */
 export async function docsExternalPlugins() {
   say('Building Vue plugin docs')
-  const resp = await axios.get('https://raw.githubusercontent.com/codecept-js/vue-cli-plugin-codeceptjs-puppeteer/master/README.md')
+  const resp = await fetch('https://raw.githubusercontent.com/codecept-js/vue-cli-plugin-codeceptjs-puppeteer/master/README.md')
+  const body = await resp.text()
 
   await writeToFile('docs/vue.md', line => {
-    line`---\npermalink: /vue\nlayout: Section\nsidebar: false\ntitle: Testing Vue Apps\n---\n\n`
-    line`${resp.data}`
+    line`---
+permalink: /vue
+layout: Section
+sidebar: false
+title: Testing Vue Apps
+---
+
+`
+    line`${body}`
   })
 }
 
@@ -480,12 +487,18 @@ export async function contributorFaces() {
   const token = process.env.GH_TOKEN
 
   try {
-    const response = await axios.get(`https://api.github.com/repos/${owner}/${repo}/contributors`, {
+    const response = await fetch(`https://api.github.com/repos/${owner}/${repo}/contributors`, {
       headers: { Authorization: `token ${token}` },
     })
 
+    if (!response.ok) {
+      throw new Error(`GitHub API error: ${response.statusText}`)
+    }
+
+    const data = await response.json()
+
     const excludeUsers = ['dependabot[bot]', 'actions-user']
-    const filteredContributors = response.data.filter(contributor => !excludeUsers.includes(contributor.login))
+    const filteredContributors = data.filter(contributor => !excludeUsers.includes(contributor.login))
 
     const contributors = filteredContributors.map(contributor => {
       return `

docs/helpers/GraphQL.md

@@ -12,7 +12,7 @@ title: GraphQL
 **Extends Helper**
 
 GraphQL helper allows to send additional requests to a GraphQl endpoint during acceptance tests.
-[Axios][1] library is used to perform requests.
+native fetch API is used to perform requests.
 
 ## Configuration
 
@@ -51,15 +51,15 @@ this.helpers['GraphQL']._executeQuery({
 
 ### _executeQuery
 
-Executes query via axios call
+Executes query via fetch call
 
 #### Parameters
 
 *   `request` **[object][2]** 
 
 ### _prepareGraphQLRequest
 
-Prepares request for axios call
+Prepares request for fetch call
 
 #### Parameters
 
@@ -145,7 +145,7 @@ const user = response.data.data;
 
 Returns **any** Promise<any>
 
-[1]: https://github.com/axios/axios
+
 
 [2]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
 

docs/helpers/REST.md

@@ -12,7 +12,7 @@ title: REST
 **Extends Helper**
 
 REST helper allows to send additional requests to the REST API during acceptance tests.
-[Axios][1] library is used to perform requests.
+native fetch API is used to perform requests.
 
 
 
@@ -104,7 +104,7 @@ this.helpers['REST']._executeRequest({
 
 ### _executeRequest
 
-Executes axios request
+Executes fetch request
 
 #### Parameters
 
@@ -274,7 +274,7 @@ I.setRequestTimeout(10000); // In milliseconds
 
 *   `newTimeout` **[number][5]** timeout in milliseconds
 
-[1]: https://github.com/axios/axios
+
 
 [2]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise
 

docs/installation.md

@@ -85,7 +85,7 @@ You'll also need the Android SDK and an emulator or device, or Xcode and a simul
 
 ## API testing
 
-REST and GraphQL tests need no browser — the helpers are built in (they use `axios`, already a dependency):
+REST and GraphQL tests need no browser — the helpers are built in (they use native `fetch`):
 
 ```sh
 npm i codeceptjs --save-dev

example-esm/package.json

@@ -10,7 +10,6 @@
   },
   "dependencies": {
     "codeceptjs": "file:..",
-    "axios": "^1.6.0",
     "joi": "^17.11.0"
   },
   "devDependencies": {},

lib/helper/ApiDataFactory.js

@@ -127,7 +127,7 @@ import store from '../store.js'
  * * `create`: override create options. Expected format: `{ method: uri }`. Example: `{ "post": "/users/create" }`
  * * `delete`: override delete options. Expected format: `{ method: uri }`. Example: `{ "post": "/users/delete/{id}" }`
  *
- * Requests can also be overridden with a function which returns [axois request config](https://github.com/axios/axios#request-config).
+ * Requests can also be overridden with a function which returns request config.
  *
  * ```js
  * create: (data) => ({ method: 'post', url: '/posts', data }),
@@ -221,13 +221,7 @@ class ApiDataFactory extends Helper {
   }
 
   static _checkRequirements() {
-    try {
-      // In ESM, dependencies are already imported at the top
-      // The import will fail at module load time if dependencies are missing
-      return null
-    } catch (e) {
-      return ['axios']
-    }
+    return null
   }
 
   _after() {

lib/helper/Appium.js

@@ -1,6 +1,5 @@
 import * as webdriverio from 'webdriverio'
 import fs from 'fs'
-import axios from 'axios'
 import { v4 as uuidv4 } from 'uuid'
 
 import Webdriver from './WebDriver.js'
@@ -180,7 +179,6 @@ class Appium extends Webdriver {
 
     this.isRunning = false
     this.appiumV2 = config.appiumV2 !== false
-    this.axios = axios.create()
 
     if (this.appiumV2 === false) {
       console.log('Appium 1.x is no longer maintained by the Appium team (since 2022-01-01).')
@@ -189,6 +187,28 @@ class Appium extends Webdriver {
     }
   }
 
+  async _appiumRequest(options) {
+    const { method, url, data } = options
+    const fetchOptions = {
+      method: method.toUpperCase(),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }
+
+    if (data) {
+      fetchOptions.body = JSON.stringify(data)
+    }
+
+    const response = await fetch(url, fetchOptions)
+    const body = await response.json()
+
+    return {
+      status: response.status,
+      data: body,
+    }
+  }
+
   _validateConfig(config) {
     if (!(config.app || config.platform) && !config.browser) {
       throw new Error(`
@@ -646,7 +666,7 @@ class Appium extends Webdriver {
   async removeApp(appId, bundleId) {
     onlyForApps.call(this, supportedPlatform.android)
 
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/appium/device/remove_app`,
       data: { appId, bundleId },
@@ -664,7 +684,7 @@ class Appium extends Webdriver {
   async resetApp() {
     onlyForApps.call(this)
     this.isWeb = false // Reset to native context after app reset
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/appium/app/reset`,
     })
@@ -738,7 +758,7 @@ class Appium extends Webdriver {
   async seeOrientationIs(orientation) {
     onlyForApps.call(this)
 
-    const res = await this.axios({
+    const res = await this._appiumRequest({
       method: 'get',
       url: `${this._buildAppiumEndpoint()}/orientation`,
     })
@@ -762,7 +782,7 @@ class Appium extends Webdriver {
   async setOrientation(orientation) {
     onlyForApps.call(this)
 
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/orientation`,
       data: { orientation },
@@ -1011,7 +1031,7 @@ class Appium extends Webdriver {
   async hideDeviceKeyboard() {
     onlyForApps.call(this)
 
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/appium/device/hide_keyboard`,
       data: {},
@@ -1093,7 +1113,7 @@ class Appium extends Webdriver {
   async tap(locator) {
     const { elementId } = await this.browser.$(parseLocator.call(this, locator))
 
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/element/${elementId}/click`,
       data: {},
@@ -1545,7 +1565,7 @@ class Appium extends Webdriver {
 
     const { elementId } = await this.browser.$(parseLocator.call(this, locator), parseLocator.call(this, context))
 
-    return this.axios({
+    return this._appiumRequest({
       method: 'post',
       url: `${this._buildAppiumEndpoint()}/element/${elementId}/click`,
       data: {},

lib/helper/GraphQL.js

@@ -1,9 +1,8 @@
-import axios from 'axios'
 import HelperModule from '@codeceptjs/helper'
 
 /**
  * GraphQL helper allows to send additional requests to a GraphQl endpoint during acceptance tests.
- * [Axios](https://github.com/axios/axios) library is used to perform requests.
+ * native fetch API is used to perform requests.
  *
  * ## Configuration
  *
@@ -39,7 +38,6 @@ import HelperModule from '@codeceptjs/helper'
 class GraphQL extends Helper {
   constructor(config) {
     super(config)
-    this.axios = axios.create()
     this.headers = {}
     this.options = {
       timeout: 10000,
@@ -50,15 +48,10 @@ class GraphQL extends Helper {
     }
     this.options = Object.assign(this.options, config)
     this.headers = { ...this.options.defaultHeaders }
-    this.axios.defaults.headers = this.options.defaultHeaders
   }
 
   static _checkRequirements() {
-    try {
-      require('axios')
-    } catch (e) {
-      return ['axios']
-    }
+    return null
   }
 
   static _config() {
@@ -72,18 +65,18 @@ class GraphQL extends Helper {
   }
 
   /**
-   * Executes query via axios call
+   * Executes query
    *
    * @param {object} request
    */
   async _executeQuery(request) {
-    this.axios.defaults.timeout = request.timeout || this.options.timeout
+    const timeout = request.timeout || this.options.timeout
 
     if (this.headers && this.headers.auth) {
       request.auth = this.headers.auth
     }
 
-    request.headers = Object.assign(request.headers, {
+    request.headers = Object.assign(request.headers || {}, {
       'Content-Type': 'application/json',
     })
 
@@ -96,12 +89,65 @@ class GraphQL extends Helper {
     this.debugSection('Request', JSON.stringify(request))
 
     let response
+    const controller = new AbortController()
+    const id = setTimeout(() => controller.abort(), timeout)
+
+    const url = request.url ? (request.baseURL ? request.baseURL + request.url : request.url) : request.baseURL
+    const fetchOptions = {
+      method: request.method || 'POST',
+      headers: request.headers || {},
+      signal: controller.signal,
+    }
+
+    if (request.data) {
+      fetchOptions.body = typeof request.data === 'object' ? JSON.stringify(request.data) : request.data
+    }
+
+    if (request.auth) {
+      const { username, password } = request.auth
+      const auth = Buffer.from(`${username}:${password}`).toString('base64')
+      fetchOptions.headers.Authorization = `Basic ${auth}`
+    }
+
     try {
-      response = await this.axios(request)
+      const fetchResponse = await fetch(url, fetchOptions)
+      clearTimeout(id)
+
+      const headers = {}
+      fetchResponse.headers.forEach((value, key) => {
+        headers[key] = value
+      })
+
+      let data
+      const contentType = headers['content-type']
+      if (contentType && contentType.includes('application/json')) {
+        data = await fetchResponse.json()
+      } else {
+        data = await fetchResponse.text()
+        try {
+          data = JSON.parse(data)
+        } catch (e) {
+          // not a json
+        }
+      }
+
+      response = {
+        data,
+        status: fetchResponse.status,
+        statusText: fetchResponse.statusText,
+        headers,
+        config: request,
+      }
+
+      if (!fetchResponse.ok) {
+        this.debugSection('Response', `Response error. Status code: ${fetchResponse.status}`)
+      }
     } catch (err) {
-      if (!err.response) throw err
-      this.debugSection('Response', `Response error. Status code: ${err.response.status}`)
-      response = err.response
+      clearTimeout(id)
+      if (err.name === 'AbortError') {
+        throw new Error(`Request timed out after ${timeout}ms`)
+      }
+      throw err
     }
 
     if (this.options.onResponse) {
@@ -113,7 +159,7 @@ class GraphQL extends Helper {
   }
 
   /**
-   * Prepares request for axios call
+   * Prepares request for fetch call
    *
    * @param {object} operation
    * @param {object} headers