diff --git a/src/taxonomy/taxonomy-detail/TaxonomyDetailSideCard.test.jsx b/src/taxonomy/taxonomy-detail/TaxonomyDetailSideCard.test.jsx
new file mode 100644
index 0000000000..966d04fa44
--- /dev/null
+++ b/src/taxonomy/taxonomy-detail/TaxonomyDetailSideCard.test.jsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
+import { initializeMockApp } from '@edx/frontend-platform';
+import { AppProvider } from '@edx/frontend-platform/react';
+import { render } from '@testing-library/react';
+import PropTypes from 'prop-types';
+
+import initializeStore from '../../store';
+
+import TaxonomyDetailSideCard from './TaxonomyDetailSideCard';
+
+let store;
+
+const data = {
+  id: 1,
+  name: 'Taxonomy 1',
+  description: 'This is a description',
+};
+
+const TaxonomyCardComponent = ({ taxonomy }) => (
+  <AppProvider store={store}>
+    <IntlProvider locale="en" messages={{}}>
+      <TaxonomyDetailSideCard intl={injectIntl} taxonomy={taxonomy} />
+    </IntlProvider>
+  </AppProvider>
+);
+
+TaxonomyCardComponent.propTypes = {
+  taxonomy: PropTypes.shape({
+    name: PropTypes.string,
+    description: PropTypes.string,
+  }).isRequired,
+};
+
+describe('<TaxonomyDetailSideCard/>', async () => {
+  beforeEach(async () => {
+    initializeMockApp({
+      authenticatedUser: {
+        userId: 3,
+        username: 'abc123',
+        administrator: true,
+        roles: [],
+      },
+    });
+    store = initializeStore();
+  });
+
+  it('should render title and description of the card', () => {
+    const { getByText } = render(<TaxonomyDetailSideCard taxonomy={data} />);
+    expect(getByText(data.name)).toBeInTheDocument();
+    expect(getByText(data.description)).toBeInTheDocument();
+  });
+});