summaryrefslogtreecommitdiff
path: root/test/data/html/test-document1.html
blob: 00cc8524cf32a02c637620a20e6f9acb502384d1 (plain)
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
104
105
106
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <title>Yomichan Tests</title>
        <link rel="icon" type="image/gif" href="data:image/gif;base64,R0lGODlhEAAQAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAQABAAAAImFI6Zpt0B4YkS0TCpq07xbmEgcGVRUpLaI46ZG7ppalY0jDCwUAAAOw==" />
        <link rel="stylesheet" href="test-stylesheet.css" />
    </head>
<body>

    <h1>Yomichan Tests</h1>

    <div
        class="test"
        data-element-from-point-selector="span"
        data-caret-range-from-point-selector="span"
        data-start-node-selector="span"
        data-start-offset="0"
        data-end-node-selector="span"
        data-end-offset="0"
        data-result-type="TextSourceRange",
        data-sentence-extent="100"
        data-sentence="真白「心配してくださって、ありがとございます」"
    >
        <span>真白「心配してくださって、ありがとございます」</span>
    </div>

    <div
        class="test"
        data-element-from-point-selector="span"
        data-caret-range-from-point-selector="span"
        data-start-node-selector="span"
        data-start-offset="5"
        data-end-node-selector="span"
        data-end-offset="5"
        data-result-type="TextSourceRange",
        data-sentence-extent="100"
        data-sentence="心配してくださって、ありがとございます"
    >
        <span>真白「心配してくださって、ありがとございます」</span>
    </div>

    <div
        class="test"
        data-element-from-point-selector="input"
        data-caret-range-from-point-selector="input"
        data-start-node-selector="input"
        data-start-offset="0"
        data-end-node-selector="input"
        data-end-offset="0"
        data-result-type="TextSourceRange",
        data-sentence-extent="100"
        data-sentence="真白「心配してくださって、ありがとございます」"
        data-has-imposter="true"
    >
        <input type="text" value="真白「心配してくださって、ありがとございます」" style="width: 100%; box-sizing: border-box; font-family: inherit; font-size: inherit; border: 1px solid #d8d8d8; padding: 0.2em;" />
    </div>

    <div
        class="test"
        data-element-from-point-selector="textarea"
        data-caret-range-from-point-selector="textarea"
        data-start-node-selector="textarea"
        data-start-offset="0"
        data-end-node-selector="textarea"
        data-end-offset="0"
        data-result-type="TextSourceRange",
        data-sentence-extent="100"
        data-sentence="真白「心配してくださって、ありがとございます」"
        data-has-imposter="true"
    >
        <textarea style="width: 100%; height: 3em; box-sizing: border-box; font-family: inherit; font-size: inherit; border: 1px solid #d8d8d8; padding: 0.2em;">真白「心配してくださって、ありがとございます」</textarea>
    </div>

    <div
        class="test"
        data-element-from-point-selector="button"
        data-caret-range-from-point-selector="button"
        data-start-node-selector="button"
        data-start-offset="0"
        data-end-node-selector="button"
        data-end-offset="0"
        data-result-type="TextSourceElement",
        data-sentence-extent="100"
        data-sentence="よみちゃん"
    >
        <button style="width: 100%; box-sizing: border-box; font-family: inherit; font-size: inherit; border: 1px solid #d8d8d8; background-color: #f0f0f0; padding: 0.2em;">よみちゃん</button>
    </div>

    <div
        class="test"
        data-element-from-point-selector="img"
        data-caret-range-from-point-selector="img"
        data-start-node-selector="img"
        data-start-offset="0"
        data-end-node-selector="img"
        data-end-offset="0"
        data-result-type="TextSourceElement"
        data-sentence="よみちゃん"
    >
        <img src="data:image/gif;base64,R0lGODdhBwAHAIABAAAAAP///ywAAAAABwAHAAACDIRvEaC32FpCbEkKCgA7" alt="よみちゃん" title="よみちゃん" style="width: 70px; height: 70px; image-rendering: crisp-edges; image-rendering: pixelated; display: block;" />
    </div>

</body>
</html>