diff --git a/src/app/analysis/components/serach/food-list.test.tsx b/src/app/analysis/components/serach/food-list.test.tsx
index 9f42345..77ca451 100644
--- a/src/app/analysis/components/serach/food-list.test.tsx
+++ b/src/app/analysis/components/serach/food-list.test.tsx
@@ -49,7 +49,6 @@ describe('food-list', () => {
}
const { container } = render();
- screen.logTestingPlaygroundURL();
it('should render food list in caloreis ascending order', () => {
const cards = container.querySelectorAll('.card');
diff --git a/src/app/analysis/components/serach/options.test.tsx b/src/app/analysis/components/serach/options.test.tsx
new file mode 100644
index 0000000..3b70502
--- /dev/null
+++ b/src/app/analysis/components/serach/options.test.tsx
@@ -0,0 +1,37 @@
+import { render, screen, within } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import Options from './options';
+
+describe('options', () => {
+
+ it('should render default options', () => {
+ const props = {
+ queryOptions: null,
+ onclick: jest.fn()
+ }
+
+ render();
+
+ const lis = screen.getAllByRole('listitem');
+ expect(lis).toHaveLength(3);
+ expect(lis[0]).toHaveTextContent(/apple/i);
+ expect(lis[1]).toHaveTextContent(/rice/i);
+ expect(lis[2]).toHaveTextContent(/broccoli/i);
+ });
+
+ it('should render given options', () => {
+ const props = {
+ queryOptions: ['wine', 'banana', 'chocolate'],
+ onclick: jest.fn()
+ }
+
+ render();
+
+ const lis = screen.getAllByRole('listitem');
+ expect(lis).toHaveLength(3);
+ expect(lis[0]).toHaveTextContent(/wine/i);
+ expect(lis[1]).toHaveTextContent(/banana/i);
+ expect(lis[2]).toHaveTextContent(/chocolate/i);
+ });
+
+});
\ No newline at end of file