mirror of
https://github.com/haml/haml.git
synced 2022-11-09 12:33:31 -05:00
Add a sample template for benchmark
This commit is contained in:
Takashi Kokubun
parent
88c698b74c
commit
a5fa724a53
2 changed files with 913 additions and 0 deletions
897
benchmark/real_sample.haml
Normal file
897
benchmark/real_sample.haml
Normal file
|
|
@ -0,0 +1,897 @@
|
|||
#id-1
|
||||
= render partial: 'test'
|
||||
|
||||
%ul#id-2.class-1.class-2
|
||||
|
||||
%section#id-3
|
||||
.class-3 string-1
|
||||
.class-4
|
||||
.class-5 string-2
|
||||
%pre.class-6(readonly="readonly" style='width:1px')
|
||||
:preserve
|
||||
.class-7 string-3
|
||||
|
||||
.class-8 string-4
|
||||
%pre.class-9(readonly="readonly" style='width:2px')
|
||||
:preserve
|
||||
.class-10 string-5
|
||||
%p
|
||||
Hello world
|
||||
|
||||
.class-12 string-6
|
||||
%pre.class-13(readonly="readonly" style='width:3px')
|
||||
:preserve
|
||||
.class-14 string-7
|
||||
%p
|
||||
Hello world
|
||||
|
||||
%section#id-4
|
||||
.class-17 string-8
|
||||
.class-18
|
||||
.class-19 string-9
|
||||
%pre.class-20(readonly="readonly" style='width:4px')
|
||||
:preserve
|
||||
.class-21 string-10
|
||||
|
||||
.class-22 string-11
|
||||
%pre.class-23(readonly="readonly" style='width:5px')
|
||||
:preserve
|
||||
.class-24 string-12
|
||||
|
||||
.class-25.class-26 Hello world
|
||||
%pre.class-27(readonly="readonly" style='width:6px')
|
||||
:preserve
|
||||
.class-28.class-29 Hello world
|
||||
|
||||
%section#id-5
|
||||
.class-30 string-13
|
||||
.class-31 string-14
|
||||
.class-32
|
||||
%pre.class-33(readonly="readonly" style='width:7px')
|
||||
:preserve
|
||||
.class-34 string-15
|
||||
|
||||
%section#id-6
|
||||
.class-35 string-16
|
||||
%ul.class-36.class-37
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
.class-38
|
||||
%p text-17
|
||||
%p text-18
|
||||
%pre.class-41(readonly="readonly" style='width:8px')
|
||||
:preserve
|
||||
%ul.class-42.class-43
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
|
||||
%section#id-7
|
||||
.class-44 string-19
|
||||
%ul.class-45.class-46
|
||||
%li#id-8
|
||||
= link_to 'link', '#', class: 'klass1 klass2'
|
||||
.class-47.class-48.class-49
|
||||
Hello world
|
||||
.class-50
|
||||
%pre.class-51(readonly="readonly" style='width:9px')
|
||||
:preserve
|
||||
%ul.class-52.class-53
|
||||
%li#id-10
|
||||
= link_to 'link',
|
||||
'#id-11',
|
||||
class: 'klass1 klass2'
|
||||
.class-54.class-55.class-56
|
||||
Hello world
|
||||
|
||||
%section#id-12
|
||||
.class-57 string-20
|
||||
%ul.class-58.class-59
|
||||
%li
|
||||
= link_to '#' do
|
||||
.class-60 string-21
|
||||
.class-61 string-22
|
||||
%li
|
||||
= link_to '#' do
|
||||
.class-62 string-23
|
||||
.class-63 string-24
|
||||
.class-64
|
||||
%pre.class-65(readonly="readonly" style='width:10px')
|
||||
:preserve
|
||||
%ul.class-66.class-67
|
||||
%li
|
||||
= link_to '#' do
|
||||
.class-68 string-25
|
||||
.class-69 string-26
|
||||
%li
|
||||
= link_to '#' do
|
||||
.class-70 string-27
|
||||
.class-71 string-28
|
||||
|
||||
%section#id-13
|
||||
.class-72 string-29
|
||||
%ul.class-73.class-74
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
.class-75 string-30
|
||||
.class-76 string-31
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag 'https://google.com/favicon.ico', class: 'klass1'
|
||||
.class-78 string-32
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag 'https://google.com/favicon.ico', class: 'klass1'
|
||||
.class-80
|
||||
.class-81 string-33
|
||||
.class-82 string-34
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag 'https://google.com/favicon.ico', class: 'klass1'
|
||||
.class-84
|
||||
.class-85 string-35
|
||||
.class-86 string-36
|
||||
%li
|
||||
= link_to '#', class: 'with_image with_count' do
|
||||
= image_tag 'https://google.com/favicon.ico', class: 'klass1'
|
||||
.class-88 string-37
|
||||
.class-89 string-38
|
||||
.class-90
|
||||
%pre.class-91(readonly="readonly" style='width:11px')
|
||||
:preserve
|
||||
%ul.class-92.class-93
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
.class-94 string-39
|
||||
.class-95 string-40
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag class: 'klass1'
|
||||
.class-96 string-41
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag class: 'klass1'
|
||||
.class-97
|
||||
.class-98 string-42
|
||||
.class-99 string-43
|
||||
%li
|
||||
= link_to '#', class: 'klass1' do
|
||||
= image_tag class: 'klass1'
|
||||
.class-100
|
||||
.class-101 string-44
|
||||
.class-102 string-45
|
||||
%li
|
||||
= link_to '#', class: 'klass1 klass2' do
|
||||
= image_tag class: 'klass1'
|
||||
.class-103 string-46
|
||||
.class-104 string-47
|
||||
|
||||
%section#id-14
|
||||
.class-105 string-48
|
||||
%ul.class-106.class-107.class-108
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
|
||||
.class-109
|
||||
%pre.class-110(readonly="readonly" style='width:12px')
|
||||
:preserve
|
||||
%ul.class-111.class-112.class-113
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
|
||||
%section#id-15
|
||||
.class-114 string-49
|
||||
%ul.class-115.class-116.class-117
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag 'https://github.com/favicon.ico', class: 'klass'
|
||||
.class-119 string-50
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag 'https://github.com/favicon.ico', class: 'klass'
|
||||
.class-121 string-51
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag 'https://github.com/favicon.ico', class: 'klass'
|
||||
.class-123 string-52
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag 'https://github.com/favicon.ico', class: 'klass'
|
||||
.class-125 string-53
|
||||
|
||||
.class-126
|
||||
%pre.class-127(readonly="readonly" style='width:13px')
|
||||
:preserve
|
||||
%ul.class-128.class-129.class-130
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag clsss: 'klass'
|
||||
.class-131 string-54
|
||||
%li
|
||||
= link_to '#', class: 'klass' do
|
||||
= image_tag clsss: 'klass'
|
||||
.class-132 string-55
|
||||
|
||||
%section#id-16
|
||||
.class-133 string-56
|
||||
%ul.class-134.class-135
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
.class-136
|
||||
%pre.class-137(readonly="readonly" style='width:14px')
|
||||
:preserve
|
||||
%ul.class-138.class-139
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
|
||||
%section#id-17
|
||||
.class-140 string-57
|
||||
.class-141
|
||||
%ul.class-142
|
||||
%li
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
%li
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
%li
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
|
||||
|
||||
%pre.class-146(readonly="readonly" style='width:15px')
|
||||
:preserve
|
||||
%ul.class-147
|
||||
%li
|
||||
= image_tag ''
|
||||
%li
|
||||
= image_tag ''
|
||||
%li
|
||||
= image_tag ''
|
||||
|
||||
%section#id-18
|
||||
.class-148 string-58
|
||||
.class-149
|
||||
.class-150
|
||||
.class-151.class-152
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
.class-154.class-155
|
||||
.class-156-title string-59
|
||||
Hello world
|
||||
|
||||
%pre.class-157(readonly="readonly" style='width:16px')
|
||||
:preserve
|
||||
.class-158
|
||||
.class-159.class-160
|
||||
Hello world
|
||||
.class-161.class-162
|
||||
Hello world
|
||||
|
||||
%p text-60
|
||||
|
||||
%section#id-19
|
||||
.class-164 string-61
|
||||
.class-165
|
||||
.class-166
|
||||
.class-167
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
.class-169
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
.class-171
|
||||
= image_tag 'https://github.com/favicon.ico'
|
||||
|
||||
.class-173
|
||||
.class-174-title string-62
|
||||
str
|
||||
|
||||
%pre.class-175(readonly="readonly" style='width:17px')
|
||||
:preserve
|
||||
.class-176
|
||||
.class-177
|
||||
= image_tag ''
|
||||
.class-178
|
||||
= image_tag ''
|
||||
.class-179
|
||||
= image_tag ''
|
||||
.class-180
|
||||
content
|
||||
%p text-63
|
||||
%p text-64
|
||||
|
||||
|
||||
%section#id-20
|
||||
.class-182 string-65
|
||||
.class-183
|
||||
%ul.class-184.class-185
|
||||
%li.class-186.class-187
|
||||
%span.class-188 str
|
||||
%li.class-189
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
.class-190
|
||||
%pre.class-191(readonly="readonly" style='width:18px')
|
||||
:preserve
|
||||
.class-192
|
||||
%ul.class-193.class-194
|
||||
%li.class-195.class-196
|
||||
%span.class-197 str
|
||||
%li.class-198
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
|
||||
%section#id-21
|
||||
.class-199 string-66
|
||||
.class-200
|
||||
%ul.class-201
|
||||
%li.class-202.class-203
|
||||
%span.class-204 str
|
||||
%li.class-205
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li.class-206
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
.class-207
|
||||
%pre.class-208(readonly="readonly" style='width:19px')
|
||||
:preserve
|
||||
.class-209
|
||||
%ul.class-210
|
||||
%li.class-211.class-212
|
||||
%span.class-213 str
|
||||
%li.class-214
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
%li.class-215
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
|
||||
%section#id-22
|
||||
.class-216 string-67
|
||||
%ul.class-217
|
||||
%li.class-218
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
.class-219
|
||||
%pre.class-220(readonly="readonly" style='width:20px')
|
||||
:preserve
|
||||
%ul.class-221
|
||||
%li.class-222
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
|
||||
%p text-68
|
||||
|
||||
%section#id-23
|
||||
.class-223 string-69
|
||||
%ul.class-224
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
.class-225
|
||||
%pre.class-226(readonly="readonly" style='width:21px')
|
||||
:preserve
|
||||
%ul.class-227
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
%li
|
||||
= link_to 'link', '#'
|
||||
|
||||
%section#id-24
|
||||
.class-228 string-70
|
||||
.class-229
|
||||
%a(href="#" class="button") Hello world
|
||||
%p text-71
|
||||
%pre.class-230(readonly="readonly" style='width:22px')
|
||||
:preserve
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
|
||||
%a(href="#" class="button min") Hello world
|
||||
%pre.class-231(readonly="readonly" style='width:23px')
|
||||
:preserve
|
||||
= link_to 'link', '#', class: 'klass'
|
||||
|
||||
%section#id-25
|
||||
.class-232 string-72
|
||||
.class-233
|
||||
%a(href="#" class="klass") Hello world
|
||||
%p text-73
|
||||
%pre.class-234(readonly="readonly" style='width:24px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-235(readonly="readonly" style='width:25px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-236(readonly="readonly" style='width:26px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
|
||||
%section#id-26
|
||||
.class-237 string-74
|
||||
.class-238
|
||||
%a(href="#" class="klass") Hello world
|
||||
%p text-75
|
||||
%pre.class-239(readonly="readonly" style='width:27px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-240(readonly="readonly" style='width:28px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-241(readonly="readonly" style='width:29px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
|
||||
%section#id-27
|
||||
.class-242 string-76
|
||||
.class-243
|
||||
%a(href="#" class="klass") Hello world
|
||||
%p text-77
|
||||
%pre.class-244(readonly="readonly" style='width:30px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-245(readonly="readonly" style='width:31px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
%a(href="#" class="klass") Hello world
|
||||
%pre.class-246(readonly="readonly" style='width:32px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass'
|
||||
|
||||
%section#id-28
|
||||
.class-247 string-78
|
||||
%a(href="#" class="klass")
|
||||
str
|
||||
%span.class-248
|
||||
str
|
||||
%b text-79
|
||||
str
|
||||
.class-249
|
||||
%pre.class-250(readonly="readonly" style='width:33px')
|
||||
:preserve
|
||||
= link_to '#', class: 'klass' do
|
||||
%span.class-251
|
||||
str
|
||||
%b text-80
|
||||
str
|
||||
|
||||
%section#id-29
|
||||
.class-252 string-81
|
||||
%label.class-253{for: 'f1_c1'}
|
||||
%input{type: 'checkbox', id: 'f1_c1', checked: 'checked'}
|
||||
str
|
||||
%label.class-254{for: 'f1_c2'}
|
||||
%input{type: 'checkbox', id: 'f1_c2'}
|
||||
str
|
||||
.class-255
|
||||
%pre.class-256(readonly="readonly" style='width:34px')
|
||||
:preserve
|
||||
%label.class-257{for: 'f1_c1'}
|
||||
%input{type: 'checkbox', id: 'f1_c1', checked: 'checked'}
|
||||
str
|
||||
%label.class-258{for: 'f1_c2'}
|
||||
%input{type: 'checkbox', id: 'f1_c2'}
|
||||
str
|
||||
|
||||
%label.class-259{for: 'f1_r1'}
|
||||
%input{type: 'radio', name: 'form1', id: 'f1_r1', checked: 'checked'}
|
||||
str
|
||||
%label.class-260{for: 'f1_r2'}
|
||||
%input{type: 'radio', name: 'form1', id: 'f1_r2'}
|
||||
str
|
||||
.class-261
|
||||
%pre.class-262(readonly="readonly" style='width:35px')
|
||||
:preserve
|
||||
%label.class-263{for: 'f1_r1'}
|
||||
%input{type: 'radio', name: 'form1', id: 'f1_r1', checked: 'checked'}
|
||||
str
|
||||
%label.class-264{for: 'f1_r2'}
|
||||
%input{type: 'radio', name: 'form1', id: 'f1_r2'}
|
||||
str
|
||||
|
||||
%section#id-30
|
||||
.class-265 string-82
|
||||
%ul.class-266.class-267
|
||||
%li
|
||||
%label.class-268{for: 'f2_c1'}
|
||||
%input{type: 'checkbox', id: 'f2_c1', checked: 'checked'}
|
||||
str
|
||||
%li
|
||||
%label.class-269{for: 'f2_c2'}
|
||||
%input{type: 'checkbox', id: 'f2_c2'}
|
||||
str
|
||||
.class-270
|
||||
%pre.class-271(readonly="readonly" style='width:36px')
|
||||
:preserve
|
||||
%ul.class-272.class-273
|
||||
%li
|
||||
%label.class-274{for: 'f2_c1'}
|
||||
%input{type: 'checkbox', id: 'f2_c1', checked: 'checked'}
|
||||
str
|
||||
%li
|
||||
%label.class-275{for: 'f2_c2'}
|
||||
%input{type: 'checkbox', id: 'f2_c2'}
|
||||
str
|
||||
|
||||
%ul.class-276.class-277
|
||||
%li
|
||||
%label.class-278{for: 'f2_r1'}
|
||||
%input{type: 'radio', name: 'form2', id: 'f2_r1', checked: 'checked'}
|
||||
str
|
||||
%li
|
||||
%label.class-279{for: 'f2_r2'}
|
||||
%input{type: 'radio', name: 'form2', id: 'f2_r2'}
|
||||
str
|
||||
.class-280
|
||||
%pre.class-281(readonly="readonly" style='width:37px')
|
||||
:preserve
|
||||
%ul.class-282.class-283
|
||||
%li
|
||||
%label.class-284{for: 'f2_r1'}
|
||||
%input{type: 'radio', name: 'form2', id: 'f2_r1', checked: 'checked'}
|
||||
str
|
||||
%li
|
||||
%label.class-285{for: 'f2_r2'}
|
||||
%input{type: 'radio', name: 'form2', id: 'f2_r2'}
|
||||
str
|
||||
|
||||
%section#id-31
|
||||
.class-286 string-83
|
||||
.class-287
|
||||
%ul.class-288
|
||||
%li text-84
|
||||
%li text-85
|
||||
%pre.class-289(readonly="readonly" style='width:38px')
|
||||
:preserve
|
||||
%ul.class-290
|
||||
%li text-86
|
||||
%li text-87
|
||||
|
||||
%ul.class-291.class-292
|
||||
%li text-88
|
||||
%li text-89
|
||||
%pre.class-293(readonly="readonly" style='width:39px')
|
||||
:preserve
|
||||
%ul.class-294.class-295
|
||||
%li text-90
|
||||
%li text-91
|
||||
|
||||
%ul.class-296.class-297
|
||||
%li text-92
|
||||
%li text-93
|
||||
%pre.class-298(readonly="readonly" style='width:40px')
|
||||
:preserve
|
||||
%ul.class-299.class-300
|
||||
%li text-94
|
||||
%li text-95
|
||||
|
||||
%ul.class-301.class-302
|
||||
%li text-96
|
||||
%li text-97
|
||||
%pre.class-303(readonly="readonly" style='width:41px')
|
||||
:preserve
|
||||
%ul.class-304.class-305
|
||||
%li text-98
|
||||
%li text-99
|
||||
|
||||
%section#id-32
|
||||
.class-306 string-100
|
||||
.class-307
|
||||
= image_tag '#'
|
||||
= image_tag '#'
|
||||
%pre.class-312(readonly="readonly" style='width:42px')
|
||||
:preserve
|
||||
= image_tag '#'
|
||||
= image_tag '#'
|
||||
|
||||
%section#id-33
|
||||
.class-315 string-101
|
||||
.class-316
|
||||
= image_tag '#'
|
||||
%span.class-317 str
|
||||
%pre.class-318(readonly="readonly" style='width:43px')
|
||||
:preserve
|
||||
= image_tag '#'
|
||||
%span.class-319 str
|
||||
|
||||
%section#id-34
|
||||
.class-320 string-102
|
||||
.class-321
|
||||
%a(href="#" class="klass")
|
||||
%pre.class-322(readonly="readonly" style='width:44px')
|
||||
:preserve
|
||||
= link_to '', '#', class: 'klass'
|
||||
|
||||
%section#id-35
|
||||
.class-323 string-103
|
||||
.class-324
|
||||
%a(href="#" class="klass")
|
||||
%pre.class-325(readonly="readonly" style='width:45px')
|
||||
:preserve
|
||||
= link_to '', '#', class: 'klass'
|
||||
|
||||
%section#id-36
|
||||
.class-326 string-104
|
||||
.class-327
|
||||
.class-328
|
||||
%a(rel="prev" href="#")
|
||||
%a(rel="next" href="#")
|
||||
%pre.class-329(readonly="readonly" style='width:46px')
|
||||
:preserve
|
||||
.class-330
|
||||
= link_to '', '#', rel: 'klass'
|
||||
= link_to '', '#', rel: 'klass'
|
||||
|
||||
%section#id-37
|
||||
.class-331 string-105
|
||||
.class-332
|
||||
.class-333
|
||||
.class-334
|
||||
%strong text-106
|
||||
%span text-107
|
||||
.class-335{ style: "width: 50%;" }
|
||||
|
||||
%pre.class-336{ readonly: "readonly", style: "height: 120px" }
|
||||
:preserve
|
||||
.class-337
|
||||
.class-338
|
||||
%strong text-108
|
||||
%span text-109
|
||||
.class-339{ style: "width: 50%;" }
|
||||
|
||||
.class-340.class-341
|
||||
.class-342
|
||||
%strong text-110
|
||||
%span text-111
|
||||
.class-343{ style: "width: 50%;" }
|
||||
|
||||
%pre.class-344{ readonly: "readonly", style: "height: 120px" }
|
||||
:preserve
|
||||
.class-345.class-346
|
||||
.class-347
|
||||
%strong text-112
|
||||
%span text-113
|
||||
.class-348{ style: "width: 50%;" }
|
||||
|
||||
%section#id-38
|
||||
.class-349 string-114
|
||||
.class-350
|
||||
= render '#'
|
||||
= render '#'
|
||||
%pre.class-351(readonly="readonly" style='width:47px')
|
||||
:preserve
|
||||
= render '#'
|
||||
= render '#'
|
||||
|
||||
%p text-115
|
||||
%p text-116
|
||||
|
||||
%section#id-39
|
||||
.class-353 string-117
|
||||
.class-354
|
||||
= link_to 'link', '#', class: 'klass1 klass2', :'data-foo_bar' => 'foo!!'
|
||||
.class-355
|
||||
.class-356 string-118
|
||||
%pre.class-357(readonly="readonly" style='width:48px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass1 klass2',
|
||||
:'data-foo_bar' => 'foo!!'
|
||||
.class-358 string-119
|
||||
%pre.class-359(readonly="readonly" style='width:49px')
|
||||
:preserve
|
||||
foo.bar('Hoge')
|
||||
|
||||
%section#id-40
|
||||
.class-361 string-120
|
||||
.class-362
|
||||
= link_to 'link', '#', class: 'klass1 klass2 klass3'
|
||||
.class-363
|
||||
.class-364 string-121
|
||||
%pre.class-365(readonly="readonly" style='width:50px')
|
||||
:preserve
|
||||
= link_to 'link', '#',
|
||||
class: 'klass1 klass2 klass3'
|
||||
|
||||
.class-366 string-122
|
||||
%pre.class-367(readonly="readonly" style='width:51px')
|
||||
:preserve
|
||||
#id-43.class-368.class-369
|
||||
.class-370
|
||||
.class-371 string-123
|
||||
%a.class-372{href: "#"}
|
||||
str
|
||||
|
||||
%p text-124
|
||||
%p text-125
|
||||
|
||||
.class-373 string-126
|
||||
%pre.class-374(readonly="readonly" style='width:52px')
|
||||
:preserve
|
||||
// hello
|
||||
$(window).bind('click', function(event) {
|
||||
});
|
||||
|
||||
// hello
|
||||
$('#id-44').bind('click', function(event) {
|
||||
});
|
||||
|
||||
// world
|
||||
$('#id-45').bind('click', function(event) {
|
||||
});
|
||||
|
||||
%p text-127
|
||||
|
||||
%section#id-46
|
||||
.class-378 string-128
|
||||
.class-379
|
||||
%ul.class-380
|
||||
%li.class-381
|
||||
str1
|
||||
%li.class-382
|
||||
str2
|
||||
%li.class-383
|
||||
str3
|
||||
:javascript
|
||||
$('.class-384').foo({bar: '.class-386'});
|
||||
:css
|
||||
.class-387 {
|
||||
min-height: 13px;
|
||||
}
|
||||
.class-388 {
|
||||
height: 1px;
|
||||
background: #000;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
}
|
||||
.class-390 {
|
||||
background: #000;
|
||||
}
|
||||
.class-392 {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.class-394
|
||||
%pre.class-395(readonly="readonly" style='width:53px')
|
||||
:preserve
|
||||
.class-396
|
||||
%ul.class-397
|
||||
%li.class-398 str1
|
||||
%li.class-399 str2
|
||||
%li.class-400 str3
|
||||
:javascript
|
||||
$('.class-401').bar({foo: '.class-403'});
|
||||
|
||||
%ul.class-404.class-405
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
|
||||
.class-406
|
||||
%ul.class-407
|
||||
%li#id-52A.class-408 str1
|
||||
%li#id-53B.class-409 str2
|
||||
%li#id-54C.class-410 str3
|
||||
|
||||
:javascript
|
||||
$('.class-411').click({foo: '.class-413 > li > a'});
|
||||
|
||||
:css
|
||||
.class-414 {
|
||||
height: 1px;
|
||||
background: #000;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
}
|
||||
.class-416 {
|
||||
background: #000;
|
||||
}
|
||||
.class-418 {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.class-420
|
||||
%pre.class-421(readonly="readonly" style='width:54px')
|
||||
:preserve
|
||||
%ul.class-422.class-423
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
%li= link_to 'link', '#'
|
||||
|
||||
.class-424
|
||||
%ul.class-425
|
||||
%li#id-60A.class-426 str1
|
||||
%li#id-61B.class-427 str2
|
||||
%li#id-62C.class-428 str3
|
||||
|
||||
:javascript
|
||||
$('.class-429').bind({links: '.klass'});
|
||||
|
||||
%section#id-63
|
||||
.class-432 string-136
|
||||
.class-433
|
||||
.class-434 string-137
|
||||
%pre.class-435(readonly="readonly" style='width:55px')
|
||||
:preserve
|
||||
#id-64
|
||||
-# hello
|
||||
|
||||
.class-436
|
||||
-# world
|
||||
|
||||
%span.class-437
|
||||
|
||||
#id-65
|
||||
-# hey
|
||||
.class-438 string-138
|
||||
%pre.class-439(readonly="readonly" style='width:56px')
|
||||
:preserve
|
||||
// hello
|
||||
$(document).bind('click', function(event) {
|
||||
});
|
||||
|
||||
// world
|
||||
$(document).bind('click', function(event) {
|
||||
});
|
||||
|
||||
#id-66XXX.class-442.class-443
|
||||
.class-444
|
||||
.class-445 string-139
|
||||
|
||||
%a.class-446{href: "#"}
|
||||
str
|
||||
|
||||
:javascript
|
||||
(function ($) {
|
||||
$(".klass").removeClass("klass");
|
||||
|
||||
var a = $('#list');
|
||||
$('#foo > bar[id]').each(function() {
|
||||
var b = this.id;
|
||||
var c = $(this).find('.klass').text();
|
||||
var d = $('<li />');
|
||||
var e = $('<a />').attr('href', '#' + b).text(c).addClass('klass').appendTo(d);
|
||||
item.appendTo(a);
|
||||
});
|
||||
})(jQuery);
|
||||
16
benchmark/real_sample.rb
Normal file
16
benchmark/real_sample.rb
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
def render(*)
|
||||
'<div class="render"></div>'
|
||||
end
|
||||
|
||||
def link_to(*args, &block)
|
||||
a, b, *c = args
|
||||
if block_given?
|
||||
"<a href='" << a << ">".freeze << yield.to_s << '</div>'.freeze
|
||||
else
|
||||
"<a href='" << a << ">".freeze << b.to_s << '</div>'.freeze
|
||||
end
|
||||
end
|
||||
|
||||
def image_tag(*)
|
||||
'<img src="https://github.com/favicon.ico" />'
|
||||
end
|
||||
Loading…
Reference in a new issue