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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
/*
* SPDX-FileCopyrightText: syuilo and misskey-project
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { describe, test, assert, afterEach } from 'vitest';
import { render, cleanup, type RenderResult } from '@testing-library/vue';
import './init';
import * as Misskey from 'misskey-js';
import { components } from '@/components/index.js';
import { directives } from '@/directives/index.js';
import MkMediaImage from '@/components/MkMediaImage.vue';
describe('MkMediaImage', () => {
const renderMediaImage = (image: Partial<Misskey.entities.DriveFile>): RenderResult => {
return render(MkMediaImage, {
props: {
image: {
id: 'xxxxxxxx',
createdAt: (new Date()).toJSON(),
isSensitive: false,
name: 'example.png',
thumbnailUrl: null,
url: '',
type: 'application/octet-stream',
size: 1,
md5: '15eca7fba0480996e2245f5185bf39f2',
blurhash: null,
comment: null,
properties: {},
...image,
} as DriveFile,
},
global: { directives, components },
});
};
afterEach(() => {
cleanup();
});
test('Attaching JPG should show no indicator', async () => {
const mkMediaImage = renderMediaImage({
type: 'image/jpeg',
});
const [gif, alt] = await Promise.all([
mkMediaImage.queryByText('GIF'),
mkMediaImage.queryByText('ALT'),
]);
assert.ok(!gif);
assert.ok(!alt);
});
test('Attaching GIF should show a GIF indicator', async () => {
const mkMediaImage = renderMediaImage({
type: 'image/gif',
});
const [gif, alt] = await Promise.all([
mkMediaImage.queryByText('GIF'),
mkMediaImage.queryByText('ALT'),
]);
assert.ok(gif);
assert.ok(!alt);
});
test('Attaching APNG should show a GIF indicator', async () => {
const mkMediaImage = renderMediaImage({
type: 'image/apng',
});
const [gif, alt] = await Promise.all([
mkMediaImage.queryByText('GIF'),
mkMediaImage.queryByText('ALT'),
]);
assert.ok(gif);
assert.ok(!alt);
});
test('Attaching image with an alt message should show an ALT indicator', async () => {
const mkMediaImage = renderMediaImage({
type: 'image/png',
comment: 'Misskeyのロゴです',
});
const [gif, alt] = await Promise.all([
mkMediaImage.queryByText('GIF'),
mkMediaImage.queryByText('ALT'),
]);
assert.ok(!gif);
assert.ok(alt);
});
test('Attaching GIF image with an alt message should show a GIF and an ALT indicator', async () => {
const mkMediaImage = renderMediaImage({
type: 'image/gif',
comment: 'Misskeyのロゴです',
});
const [gif, alt] = await Promise.all([
mkMediaImage.queryByText('GIF'),
mkMediaImage.queryByText('ALT'),
]);
assert.ok(gif);
assert.ok(alt);
});
});
|
