fix: invalid FL being sent when clicking in SimBrief button (#302)

packages/app/package.json

@@ -8,12 +8,17 @@
     "@mach/database": "*",
     "@sentry/nextjs": "^7.72.0"
   },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.1.0",
+    "jsdom": "^22.1.0"
+  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "pack": "next-on-pages",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "test": "vitest --watch=false"
   },
   "browserslist": {
     "production": [

packages/app/src/components/SimBriefButton/index.test.tsx

@@ -0,0 +1,30 @@
+import { describe, test, expect } from 'vitest'
+import SimBriefButton from './'
+import { render, screen } from '@testing-library/react'
+
+describe('SimBriefButton', () => {
+  test('It builds the correct URL for Simbrief', () => {
+    const flight = {
+      company: 'GLO',
+      flightNumber: 1827,
+      aircraft: {
+        icaoCode: 'B38M',
+      },
+      departureIcao: 'SBRF',
+      arrivalIcao: 'SBGR',
+      estimatedOffBlockTime: '0220',
+      route: 'DCT',
+      estimatedEnrouteMinutes: 125,
+      cruisingLevel: 380,
+      remarks: 'MACH',
+    }
+
+    render(<SimBriefButton flight={flight} />)
+
+    const button = screen.getByRole('link')
+
+    expect(button.getAttribute('href')).toEqual(
+      `http://www.simbrief.com/system/dispatch.php?airline=GLO&fltnum=1827&type=B38M&orig=SBRF&dest=SBGR&deph=02&depm=20&route=DCT&steh=2&stem=5&fl=38000&manualrmk=MACH`
+    )
+  })
+})

packages/app/src/components/SimBriefButton/index.tsx

@@ -3,7 +3,19 @@ import { FC } from 'react'
 import Button from '../Button'
 
 type Props = {
-  flight: Flight
+  flight: Pick<
+    Flight,
+    | 'company'
+    | 'flightNumber'
+    | 'aircraft'
+    | 'departureIcao'
+    | 'arrivalIcao'
+    | 'estimatedOffBlockTime'
+    | 'route'
+    | 'estimatedEnrouteMinutes'
+    | 'cruisingLevel'
+    | 'remarks'
+  >
 }
 
 const VatsimButton: FC<Props> = ({ flight }) => {
@@ -18,7 +30,7 @@ const VatsimButton: FC<Props> = ({ flight }) => {
     route: flight.route,
     steh: Math.floor(flight.estimatedEnrouteMinutes / 60).toString(),
     stem: (flight.estimatedEnrouteMinutes % 60).toString(),
-    fl: (flight.cruisingLevel ** 100).toString(),
+    fl: (flight.cruisingLevel * 100).toString(),
     manualrmk: flight.remarks,
   }
 

packages/app/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+  },
+})