Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static_src/react/issue-wizard/DetailsStep.test.tsx b/static_src/react/issue-wizard/DetailsStep.test.tsx
new file mode 100644
index 0000000..eaef0e7
--- /dev/null
+++ b/static_src/react/issue-wizard/DetailsStep.test.tsx
@@ -0,0 +1,34 @@
+// Copyright 2021 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import React from 'react';
+import {render, cleanup} from '@testing-library/react';
+import {assert} from 'chai';
+
+import DetailsStep from './DetailsStep.tsx';
+
+describe('DetailsStep', () => {
+ afterEach(cleanup);
+
+ it('renders', async () => {
+ const {container} = render(<DetailsStep />);
+
+ // this is checking for the first question
+ const input = container.querySelector('input');
+ assert.isNotNull(input)
+
+ // this is checking for the rest
+ const count = document.querySelectorAll('textarea').length;
+ assert.equal(count, 3)
+ });
+
+ it('renders category in title', async () => {
+ const {container} = render(<DetailsStep category='UI'/>);
+
+ // this is checking the title contains our category
+ const title = container.querySelector('h2');
+ assert.include(title?.innerText, 'Details for problems with UI');
+ });
+
+});
\ No newline at end of file