| 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', |
| ); |
| }); |
| }); |