test: add tests for TruncatedTextWithTooltip

to do with opencollective/opencollective#4495

components/__tests__/TruncatedTextWithTooltip.test.js

@@ -0,0 +1,27 @@
+import 'jest-styled-components';
+
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+
+import theme from '../../lib/theme';
+import { snapshot } from '../../test/snapshot-helpers';
+
+import TruncatedTextWithTooltip from '../TruncatedTextWithTooltip';
+
+describe('TruncatedTextWithTooltip component', () => {
+  it('renders default options', () => {
+    snapshot(
+      <ThemeProvider theme={theme}>
+        <TruncatedTextWithTooltip value="A short string" />
+      </ThemeProvider>,
+    );
+  });
+
+  it('renders default options', () => {
+    snapshot(
+      <ThemeProvider theme={theme}>
+        <TruncatedTextWithTooltip value="a string that is more than 30 characters long" />
+      </ThemeProvider>,
+    );
+  });
+});

components/__tests__/__snapshots__/TruncatedTextWithTooltip.test.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TruncatedTextWithTooltip component renders default options 1`] = `"A short string"`;
+
+exports[`TruncatedTextWithTooltip component renders default options 2`] = `
+.c0 {
+  display: inline-block;
+  cursor: help;
+}
+
+.c0 button:disabled {
+  pointer-events: none;
+}
+
+<div
+  className="c0"
+  display="inline-block"
+  onMouseEnter={[Function]}
+  onMouseLeave={[Function]}
+>
+  a string that is more than ...
+</div>
+`;