From 36596e9a005d0ae674b86e5253384f2f0813abcc Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Sat, 30 Jan 2021 14:43:00 -0600
Subject: [PATCH] add tests for StatusBar

---
 src/status-bar/StatusBar.test.tsx | 17 +++++++++++++++++
 src/status-bar/StatusBar.tsx      |  2 ++
 2 files changed, 19 insertions(+)
 create mode 100644 src/status-bar/StatusBar.test.tsx

diff --git a/src/status-bar/StatusBar.test.tsx b/src/status-bar/StatusBar.test.tsx
new file mode 100644
index 00000000..85e2a2a0
--- /dev/null
+++ b/src/status-bar/StatusBar.test.tsx
@@ -0,0 +1,17 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import { Provider } from 'react-redux';
+import { createStore } from 'redux';
+import { rootReducer } from '../reducers';
+import StatusBar from './StatusBar';
+
+it('should prevent browser context menu', () => {
+    const store = createStore(rootReducer);
+    render(
+        <Provider store={store}>
+            <StatusBar />
+        </Provider>,
+    );
+
+    expect(fireEvent.contextMenu(screen.getByRole('status'))).toBe(false);
+});
diff --git a/src/status-bar/StatusBar.tsx b/src/status-bar/StatusBar.tsx
index c936aa89..87336c22 100644
--- a/src/status-bar/StatusBar.tsx
+++ b/src/status-bar/StatusBar.tsx
@@ -11,6 +11,8 @@ class StatusBar extends React.Component {
         return (
             <div
                 className="pb-status-bar"
+                role="status"
+                aria-live="off"
                 onContextMenu={(e): void => e.preventDefault()}
             ></div>
         );