sentry/tests/js/spec/views/discover/sidebar/savedQueryList.spec.jsx

import React from 'react';
import {mount} from 'enzyme';

import SavedQueryList from 'app/views/discover/sidebar/savedQueryList';

describe('savedQueryList', function() {
  let organization, mockResponse;
  beforeEach(function() {
    organization = TestStubs.Organization();
    mockResponse = [];
    MockApiClient.addMockResponse({
      url: `/organizations/${organization.slug}/discover/saved/`,
      method: 'GET',
      body: mockResponse,
    });
  });

  afterEach(function() {
    MockApiClient.clearMockResponses();
  });

  it('renders empty state', async function() {
    const wrapper = mount(<SavedQueryList organization={organization} />);
    await tick();

    expect(wrapper.text()).toBe('No saved queries');
  });

  it('renders list', async function() {
    const savedQueries = [
      TestStubs.DiscoverSavedQuery({id: '1', name: 'one'}),
      TestStubs.DiscoverSavedQuery({id: '2', name: '2two'}),
    ];
    mockResponse.push(...savedQueries);
    const wrapper = mount(<SavedQueryList organization={organization} />);
    await tick();
    savedQueries.forEach(query => {
      expect(wrapper.text()).toContain(query.name);
      expect(wrapper.text()).toContain('Updated Sep 24 00:00:00 (UTC)');
    });
  });
});