Add test cases for the issue type list.

src/www/views/contact_view/index.spec.ts

@@ -20,8 +20,9 @@ import {fixture, html, nextFrame, oneEvent} from '@open-wc/testing';
 import {SupportForm} from './support_form';
 import {OutlineErrorReporter, SentryErrorReporter} from '../../shared/error_reporter';
 import {localize} from '../../testing/localize';
+import {ListItem} from '@material/mwc-list';
 
-describe('ContactView', () => {
+describe('ContactView client variant', () => {
   let el: ContactView;
   let mockErrorReporter: jasmine.SpyObj<OutlineErrorReporter>;
 
@@ -30,7 +31,9 @@ describe('ContactView', () => {
       'SentryErrorReporter',
       Object.getOwnPropertyNames(SentryErrorReporter.prototype)
     );
-    el = await fixture(html` <contact-view .localize=${localize} .errorReporter=${mockErrorReporter}></contact-view> `);
+    el = await fixture(
+      html` <contact-view .localize=${localize} variant="client" .errorReporter=${mockErrorReporter}></contact-view> `
+    );
   });
 
   it('is defined', async () => {
@@ -61,8 +64,11 @@ describe('ContactView', () => {
     radioButton.click();
     await nextFrame();
 
-    const issueSelector = el.shadowRoot!.querySelector('mwc-select');
-    expect(issueSelector?.hasAttribute('hidden')).toBeFalse();
+    const issueSelector = el.shadowRoot!.querySelector('mwc-select')!;
+    expect(issueSelector.hasAttribute('hidden')).toBeFalse();
+    const issueItemEls = issueSelector.querySelectorAll('mwc-list-item');
+    const issueTypes = Array.from(issueItemEls).map((el: ListItem) => el.value);
+    expect(issueTypes).toEqual(['no-server', 'cannot-add-server', 'connection', 'performance', 'general']);
   });
 
   describe('when the user selects issue', () => {
@@ -150,3 +156,25 @@ describe('ContactView', () => {
     });
   });
 });
+
+describe('ContactView manager variant', () => {
+  it('shows issue selector if the user selects that they have no open tickets', async () => {
+    const mockErrorReporter: jasmine.SpyObj<OutlineErrorReporter> = jasmine.createSpyObj(
+      'SentryErrorReporter',
+      Object.getOwnPropertyNames(SentryErrorReporter.prototype)
+    );
+    const el = await fixture(
+      html` <contact-view .localize=${localize} variant="manager" .errorReporter=${mockErrorReporter}></contact-view> `
+    );
+
+    const radioButton = el.shadowRoot!.querySelectorAll('mwc-formfield mwc-radio')[1] as HTMLElement;
+    radioButton.click();
+    await nextFrame();
+
+    const issueSelector = el.shadowRoot!.querySelector('mwc-select')!;
+    expect(issueSelector.hasAttribute('hidden')).toBeFalse();
+    const issueItemEls = issueSelector.querySelectorAll('mwc-list-item');
+    const issueTypes = Array.from(issueItemEls).map((el: ListItem) => el.value);
+    expect(issueTypes).toEqual(['cannot-add-server', 'connection', 'managing', 'general']);
+  });
+});