test: 🧪 add http errors e2e tests

Author: gingerbenw

scripts/generate-react-native-fixture.js

@@ -40,7 +40,8 @@ const replacementFilesDir = resolve(ROOT_DIR, 'test/react-native/features/fixtur
 
 const INTERNAL_DEPENDENCIES = [
   '@bugsnag/react-native',
-  '@bugsnag/request-tracker'
+  '@bugsnag/request-tracker',
+  '@bugsnag/plugin-network-instrumentation'
 ]
 
 // make sure we install a compatible versions of peer dependencies

test/react-native/features/fixtures/expected_http_errors/401.json

@@ -0,0 +1,8 @@
+[
+  {
+    "message": "^401: .*\/reflect\/[?]status=401$",
+    "errorClass": "HTTPError",
+    "type": "reactnativejs",
+    "stacktrace": "IGNORE"
+  }
+]

test/react-native/features/fixtures/expected_http_errors/500.json

@@ -0,0 +1,8 @@
+[
+  {
+    "message": "^500: .*\/reflect\/[?]status=500$",
+    "errorClass": "HTTPError",
+    "type": "reactnativejs",
+    "stacktrace": "IGNORE"
+  }
+]

test/react-native/features/fixtures/scenario-launcher/scenarios/core/NetworkRequestScenario.js

@@ -0,0 +1,24 @@
+import Scenario from './Scenario'
+import BugsnagPluginNetworkInstrumentation from '@bugsnag/plugin-network-instrumentation'
+
+export class NetworkRequestScenario extends Scenario {
+  constructor (nativeConfig, jsConfig, scenarioData) {
+    super()
+    this.reflectEndpoint = nativeConfig.endpoints.notify.replace('/notify', '/reflect')
+    this.statusCode = scenarioData
+
+    const plugin = new BugsnagPluginNetworkInstrumentation({
+      maxRequestSize: 1024,
+      maxResponseSize: 1024
+    })
+
+    jsConfig.plugins = jsConfig.plugins || []
+    jsConfig.plugins.push(plugin)
+  }
+
+  run () {
+    const url = new URL(this.reflectEndpoint)
+    url.searchParams.append('status', this.statusCode)
+    fetch(url)
+  }
+}

test/react-native/features/fixtures/scenario-launcher/scenarios/core/index.js

@@ -81,3 +81,6 @@ export { ReactNativeErrorBoundaryScenario } from './ReactNativeErrorBoundaryScen
 // grouping-discriminator.feature
 export { GroupingDiscriminatorScenario } from './GroupingDiscriminatorScenario'
 export { GroupingDiscriminatorNativeScenario } from './GroupingDiscriminatorNativeScenario'
+
+// http_errors.feature
+export { NetworkRequestScenario } from './NetworkRequestScenario'

test/react-native/features/http_errors.feature

@@ -0,0 +1,19 @@
+Feature: HTTP Errors
+
+Scenario Outline: Error is reported for network requests with error status code
+  When I run "NetworkRequestScenario" with data "<status_code>"
+  And I wait to receive an error
+  Then the error payload field "events.0.context" matches the regex "^GET [0-9.]*:[0-9]{4}$"
+  And the error payload field "events.0.exceptions" matches the JSON fixture in "features/fixtures/expected_http_errors/<status_code>.json"
+    Examples:
+    | status_code |
+    | 401         |
+    | 500         |
+
+Scenario Outline: Error is not reported for successful network requests
+  When I run "NetworkRequestScenario" with data "<status_code>"
+  Then I should receive no errors
+    Examples:
+    | status_code |
+    | 200         |
+    | 307         |