blob: 14945e536e9f47dd768125f580e1b7eb62ff5962 [file] [log] [blame]
import { expect } from 'chai';
import { loadCachedTestBed, takeScreenshot, TestBed } from '../../../puppeteer-tests/util';
describe('search-controls-sk', () => {
let testBed: TestBed;
before(async () => {
testBed = await loadCachedTestBed();
});
beforeEach(async () => {
await testBed.page.goto(testBed.baseUrl);
await testBed.page.setViewport({ width: 1200, height: 800 });
});
it('should render the demo page', async () => {
// Smoke test.
expect(await testBed.page.$$('search-controls-sk')).to.have.length(1);
});
it('shows an empty search criteria', async () => {
await testBed.page.click('button#clear');
await takeScreenshot(testBed.page, 'gold', 'search-controls-sk_empty');
});
it('shows a non-empty search criteria', async () => {
await takeScreenshot(testBed.page, 'gold', 'search-controls-sk');
});
it('shows the left-hand trace filter editor', async () => {
await testBed.page.click('.traces button.edit-query');
await takeScreenshot(testBed.page, 'gold', 'search-controls-sk_left-hand-trace-filter-editor');
});
it('shows more filters', async () => {
await testBed.page.click('button.more-filters');
await takeScreenshot(testBed.page, 'gold', 'search-controls-sk_more-filters');
});
it('shows the left-hand trace filter editor', async () => {
await testBed.page.click('button.more-filters');
await testBed.page.click('filter-dialog-sk button.edit-query');
await takeScreenshot(
testBed.page, 'gold', 'search-controls-sk_right-hand-trace-filter-editor',
);
});
});