From 2bbd260f9fee488885f33d75c4658436a715bf3a Mon Sep 17 00:00:00 2001
From: Chaiwat Ekkaewnumchai <cekkaewnumchai@fb.com>
Date: Tue, 2 Jun 2020 08:17:09 -0700
Subject: [PATCH] Unit Test for TypeBasedValueRenderer

Summary: per title

Reviewed By: mweststrate

Differential Revision: D21820854

fbshipit-source-id: 3035d58e9afe6d1cdc8fd90b910ff845f6d13085
---
 .../__test__/TypeBasedValueRenderer.node.tsx  | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 desktop/app/src/ui/components/table/__test__/TypeBasedValueRenderer.node.tsx

diff --git a/desktop/app/src/ui/components/table/__test__/TypeBasedValueRenderer.node.tsx b/desktop/app/src/ui/components/table/__test__/TypeBasedValueRenderer.node.tsx
new file mode 100644
index 000000000..2886da646
--- /dev/null
+++ b/desktop/app/src/ui/components/table/__test__/TypeBasedValueRenderer.node.tsx
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import {render} from '@testing-library/react';
+
+import {
+  Value,
+  valueToNullableString,
+  renderValue,
+} from '../TypeBasedValueRenderer';
+
+test('valueToNullableString', () => {
+  const testcases: Array<{input: Value; output: string | null}> = [
+    {
+      input: {type: 'string', value: 'this is a string'},
+      output: 'this is a string',
+    },
+    {input: {type: 'boolean', value: true}, output: 'true'},
+    {input: {type: 'boolean', value: false}, output: 'false'},
+    {input: {type: 'integer', value: 1337}, output: '1337'},
+    {input: {type: 'float', value: 13.37}, output: '13.37'},
+    {input: {type: 'null', value: null}, output: null},
+  ];
+
+  for (const testcase of testcases) {
+    expect(valueToNullableString(testcase.input)).toEqual(testcase.output);
+  }
+});
+
+test('renderValue', () => {
+  const testcases: Array<{input: Value; queryString: string}> = [
+    {
+      input: {type: 'string', value: 'this is a string'},
+      queryString: 'this is a string',
+    },
+    {input: {type: 'boolean', value: true}, queryString: 'true'},
+    {input: {type: 'boolean', value: false}, queryString: 'false'},
+    {input: {type: 'integer', value: 1337}, queryString: '1337'},
+    {input: {type: 'float', value: 13.37}, queryString: '13.37'},
+    {input: {type: 'null', value: null}, queryString: 'NULL'},
+  ];
+  const res = render(renderValue(testcases[0].input));
+  for (const testcase of testcases) {
+    res.rerender(renderValue(testcase.input));
+    expect(res.queryAllByText(testcase.queryString).length).toBeGreaterThan(0);
+  }
+});