| import { expect } from 'chai'; |
| import {loadCachedTestBed, takeScreenshot, TestBed} from '../../../puppeteer-tests/util'; |
| import path from "path"; |
| |
| describe('dots-sk', () => { |
| let testBed: TestBed; |
| before(async () => { |
| testBed = await loadCachedTestBed( |
| path.join(__dirname, '..', '..', 'webpack.config.ts') |
| ); |
| }); |
| beforeEach(async () => { |
| await testBed.page.goto(`${testBed.baseUrl}/dist/dots-sk.html`); |
| }); |
| |
| it('should render the demo page', async () => { |
| // Smoke test. |
| expect(await testBed.page.$$('dots-sk')).to.have.length(1); |
| }); |
| |
| describe('screenshots', () => { |
| it('no highlighted traces', async () => { |
| await testBed.page.setViewport({ width: 300, height: 100 }); |
| await takeScreenshot(testBed.page, 'gold', 'dots-sk'); |
| }); |
| |
| it('one highlighted trace', async () => { |
| await testBed.page.setViewport({ width: 300, height: 100 }); |
| |
| // Get canvas position. |
| const canvas = await testBed.page.$('canvas'); |
| const boxModel = await canvas!.boxModel(); |
| const x = boxModel!.content[0].x |
| const y = boxModel!.content[0].y; |
| |
| // Hover over the leftmost dot of the first trace. |
| await testBed.page.mouse.move(x + 10, y + 10); |
| |
| await takeScreenshot(testBed.page, 'gold', 'dots-sk_highlighted'); |
| }); |
| }); |
| }); |