Merge branch 'main' into staging

Author: mulfdev

frontend/_tests_/Footer/index.test.jsx

@@ -1,9 +1,26 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import Footer from '../../src/components/Footer/index';
+import NewFooter from '../../src/components/NewFooter/index';
 
 describe('Footer', () => {
-  it('Renders the icons', () => {
+  it('Renders the social icons on the new Footer component', () => {
+    console.log('lol testing');
+    render(<NewFooter />);
+
+    const openSea = screen.getByLabelText('OpenSea');
+    const twitter = screen.getByLabelText('Twitter');
+    const discord = screen.getByLabelText('Discord');
+    const github = screen.getByLabelText('GitHub');
+
+    expect(openSea).toBeInTheDocument();
+    expect(twitter).toBeInTheDocument();
+    expect(discord).toBeInTheDocument();
+    expect(github).toBeInTheDocument();
+  });
+
+  // TODO: deprecate the old Footer component, it is no longer used
+  it('Renders the icons on the old Footer component', () => {
     render(<Footer />);
 
     const openSea = screen.getByTitle('OpenSea');