1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
| describe('backdrop (option)', () => {
| it('should show backdrop and hide the viewer on click the backdrop by default', (done) => {
| const image = window.createImage();
| const viewer = new Viewer(image, {
| shown() {
| expect(viewer.viewer.className).to.include('viewer-backdrop');
| viewer.canvas.click();
| },
|
| hidden() {
| done();
| },
| });
|
| expect(viewer.options.backdrop).to.be.true;
| viewer.show();
| });
|
| it('should not show backdrop and hide the viewer on click the backdrop', (done) => {
| const image = window.createImage();
| let hidable = false;
| const viewer = new Viewer(image, {
| backdrop: false,
|
| shown() {
| expect(viewer.viewer.className).to.not.include('viewer-backdrop');
| viewer.canvas.click();
| hidable = true;
| viewer.hide(true);
| done();
| },
|
| hide() {
| if (!hidable) {
| expect.fail(1, 0);
| }
| },
| });
|
| expect(viewer.options.backdrop).to.be.false;
| viewer.show();
| });
|
| it('should show backdrop but not hide the viewer on click the backdrop', (done) => {
| const image = window.createImage();
| let hidable = false;
| const viewer = new Viewer(image, {
| backdrop: 'static',
|
| shown() {
| expect(viewer.viewer.className).to.include('viewer-backdrop');
| viewer.canvas.click();
| hidable = true;
| viewer.hide(true);
| done();
| },
|
| hide() {
| if (!hidable) {
| expect.fail(1, 0);
| }
| },
| });
|
| expect(viewer.options.backdrop).to.equal('static');
| viewer.show();
| });
| });
|
|
