test(ui): add snapshot test for when Menu is open

packages/ui/test/Menu.test.js

 import React from 'react'
 import renderer from 'react-test-renderer'
+import 'jest-styled-components'
 
 import Menu from '../src/atoms/Menu'
 
@@ -13,4 +14,11 @@ describe('Menu', () => {
     const tree = renderer.create(<Menu {...props} />).toJSON()
     expect(tree).toMatchSnapshot()
   })
+
+  test('is rendered correctly when open', () => {
+    const menu = renderer.create(<Menu {...props} />)
+    menu.getInstance().toggleMenu()
+    const tree = menu.toJSON()
+    expect(tree).toMatchSnapshot()
+  })
 })

packages/ui/test/__snapshots__/Menu.test.js.snap

@@ -32,3 +32,61 @@ exports[`Menu is rendered correctly 1`] = `
   </div>
 </div>
 `;
+
+exports[`Menu is rendered correctly when open 1`] = `
+<div
+  className="root open"
+>
+  <div
+    className="main"
+    role="listbox"
+  >
+    <div
+      className="openerContainer"
+    >
+      <button
+        className="opener"
+        onClick={[Function]}
+        type="button"
+      >
+        <span>
+          Foo
+        </span>
+        <span
+          className="arrow"
+        >
+          ▼
+        </span>
+      </button>
+    </div>
+    <div
+      className="optionsContainer"
+    >
+      <div
+        className="options"
+      >
+        <div
+          aria-selected={true}
+          className="option active"
+          onClick={[Function]}
+          onKeyPress={[Function]}
+          role="option"
+          tabIndex="0"
+        >
+          Foo
+        </div>
+        <div
+          aria-selected={false}
+          className="option"
+          onClick={[Function]}
+          onKeyPress={[Function]}
+          role="option"
+          tabIndex="0"
+        >
+          Bar
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;