Switch from Karma and Mocha to Vitest

Gruntfile.js

@@ -13,9 +13,6 @@ module.exports = function(grunt) {
     shell: {
       ts: {
         command: 'tsc -p .'
-      },
-      eslint: {
-        command: 'eslint .'
       }
     },
     browserify: {
@@ -24,40 +21,6 @@ module.exports = function(grunt) {
         dest: './build/roslib.js'
       }
     },
-    karma: {
-      options: {
-        singleRun: true,
-        browsers: process.env.CI ? ['ChromeHeadlessNoSandbox'] : ['Chrome'],
-        customLaunchers: {
-          ChromeHeadlessNoSandbox: {
-            base: 'ChromeHeadless',
-            flags: ['--no-sandbox']
-          }
-        }
-      },
-      test: {
-        configFile: './test/karma.conf.js'
-      },
-      examples: {
-        configFile: './test/examples/karma.conf.js'
-      }
-    },
-    mochaTest: {
-      options: {
-        reporter: 'spec',
-        timeout: 5000,
-        require: 'ts-node/register'
-      },
-      test: {
-        src: ['./test/*.test.js']
-      },
-      examples: {
-        src: ['./test/examples/*.js']
-      },
-      tcp: {
-        src: ['./test/tcp/*.js']
-      }
-    },
     uglify: {
       options: {
         report: 'min'
@@ -101,9 +64,6 @@ module.exports = function(grunt) {
   });
 
   grunt.registerTask('dev', ['browserify', 'watch']);
-  grunt.registerTask('test', ['shell:eslint', 'mochaTest:test', 'karma:test']);
-  grunt.registerTask('test-examples', ['mochaTest:examples', 'karma:examples']);
-  grunt.registerTask('test-tcp', ['mochaTest:tcp']);
   grunt.registerTask('build', ['shell:ts', 'browserify', 'uglify']);
   grunt.registerTask('build_and_watch', ['watch']);
   grunt.registerTask('doc', ['clean', 'jsdoc']);

examples/react-example/src/App.jsx

@@ -1,6 +1,7 @@
 import logo from './logo.svg'
 import './App.css'
 import SendMessage from "./component_examples/example_functions"
+import React from "react";
 
 function App() {
   return (

examples/react-example/src/App.test.jsx

@@ -1,8 +1,8 @@
 import { render, screen } from '@testing-library/react'
 import App from './App'
+import React from "react";
 
 test('renders learn react link', () => {
   render(<App />)
-  const linkElement = screen.getByText(/Send a message to turtle/i)
-  expect(linkElement).toBeInTheDocument()
+  expect(screen.getByText(/Send a message to turtle/i)).toBeTruthy();
 })

examples/react-example/src/component_examples/example_functions.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import ROSLIB from 'roslib'
+import ROSLIB from '../../../..'
 
 function SendMessage() {
   const [status, setStatus] = useState("Not connected")