mirror of
https://github.com/foo-dogsquared/asciidoctor-foodogsquared-extensions.git
synced 2025-01-30 22:57:56 +00:00
Modularize spec tests for HTML5-modified converter
This commit is contained in:
parent
ac2c00567e
commit
dd30002f2d
@ -1,365 +0,0 @@
|
|||||||
# frozen_string_literal: true
|
|
||||||
|
|
||||||
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
|
||||||
|
|
||||||
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
|
||||||
it 'should have a more semantic paragraph output' do
|
|
||||||
input = <<~INPUT
|
|
||||||
Hello there, fanciful!
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<p>Hello there, fanciful!</p>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should still have a more semantic paragraph output with a title' do
|
|
||||||
input = <<~INPUT
|
|
||||||
.Whoa there!
|
|
||||||
Hello there, fanciful!
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<p><strong class="title">Whoa there!</strong>Hello there, fanciful!</p>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a more semantic version of the admonitions' do
|
|
||||||
input = <<~INPUT
|
|
||||||
[WARNING]
|
|
||||||
====
|
|
||||||
Hello there
|
|
||||||
====
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<aside data-admonition-type="warning"><div class="admonition-label">Warning</div>
|
|
||||||
<p>Hello there</p></aside>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a more semantic version of the admonitions even with typical Asciidoc elements' do
|
|
||||||
input = <<~INPUT
|
|
||||||
[#warning-id.big.reversed]
|
|
||||||
.A warning
|
|
||||||
[WARNING]
|
|
||||||
====
|
|
||||||
Hello there
|
|
||||||
====
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<aside data-admonition-type="warning" id="warning-id" class="big reversed"><div class="admonition-label">Warning</div>
|
|
||||||
<strong class="title">A warning</strong><p>Hello there</p></aside>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with multiple <source>' do
|
|
||||||
input = <<~INPUT
|
|
||||||
image::hello.png[sources="hello.avif,hello.webp"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
|
||||||
</figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with interactive SVG images' do
|
|
||||||
input = <<~INPUT
|
|
||||||
image::#{fixtures_file 'hello.svg'}[Interactive, opts=interactive]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
# rubocop:disable Layout/TrailingWhitespace
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
|
|
||||||
<object type="image/svg+xml" data="#{fixtures_file 'hello.svg'}"></object></figure>
|
|
||||||
HTML
|
|
||||||
# rubocop:enable Layout/TrailingWhitespace
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with interactive SVG images with a caption' do
|
|
||||||
input = <<~INPUT
|
|
||||||
:figure-caption!:
|
|
||||||
|
|
||||||
.SVG file
|
|
||||||
image::#{fixtures_file 'hello.svg'}[Interactive, opts=interactive]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
# rubocop:disable Layout/TrailingWhitespace
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
|
|
||||||
<object type="image/svg+xml" data="#{fixtures_file 'hello.svg'}"></object><figcaption>SVG file</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
# rubocop:enable Layout/TrailingWhitespace
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with inline SVG images' do
|
|
||||||
input = <<~INPUT
|
|
||||||
image::#{fixtures_file 'hello.svg'}[Inline, opts=inline]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>#{File.read fixtures_file('hello.svg')}
|
|
||||||
</figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with inline SVG image with a caption' do
|
|
||||||
input = <<~INPUT
|
|
||||||
:figure-caption!:
|
|
||||||
|
|
||||||
.Inline SVG file
|
|
||||||
image::#{fixtures_file 'hello.svg'}[Inline, opts=inline]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>#{File.read fixtures_file('hello.svg')}<figcaption>Inline SVG file</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with multiple <source> with caption' do
|
|
||||||
input = <<~INPUT
|
|
||||||
:figure-caption!:
|
|
||||||
|
|
||||||
.A figure caption
|
|
||||||
image::hello.png[sources="hello.avif,hello.webp"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
|
||||||
<figcaption>A figure caption</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with multiple <source>, a caption, an ID, and multiple roles' do
|
|
||||||
input = <<~INPUT
|
|
||||||
:figure-caption!:
|
|
||||||
|
|
||||||
[#image-id.whoa.there]
|
|
||||||
.A figure caption
|
|
||||||
image::hello.png[sources="hello.avif,hello.webp"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure id="image-id" class="whoa there">
|
|
||||||
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
|
||||||
<figcaption>A figure caption</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an image block with multiple <source>, a caption, an ID, and multiple roles with some attributes' do
|
|
||||||
input = <<~INPUT
|
|
||||||
:figure-caption!:
|
|
||||||
|
|
||||||
[#image-id.whoa.there]
|
|
||||||
.A figure caption
|
|
||||||
image::hello.png[sources="hello.avif,hello.webp", width=300, height=100]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure id="image-id" class="whoa there">
|
|
||||||
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img width="300" height="100" src="hello.png" alt="hello"></picture>
|
|
||||||
<figcaption>A figure caption</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a video block with multiple <source>' do
|
|
||||||
input = <<~INPUT
|
|
||||||
video::hello.mp4[sources="hello.mp4,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
|
||||||
</figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a video block with a bunch of attributes' do
|
|
||||||
input = <<~INPUT
|
|
||||||
video::hello.mp4[opts="autoplay,loop", preload="metadata"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<video autoplay="autoplay" loop="loop" preload="metadata" src="hello.mp4"><p>Download the video at <a href="hello.mp4">hello.mp4</a>.</p></video>
|
|
||||||
</figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a video block with multiple <source> and a caption' do
|
|
||||||
input = <<~INPUT
|
|
||||||
.Making up stuff right now
|
|
||||||
video::./hello.mp4[sources="hello.mp4,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
|
||||||
<figcaption>Making up stuff right now</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a video block with a caption, ID, and classes' do
|
|
||||||
input = <<~INPUT
|
|
||||||
[#video-sample.reverse]
|
|
||||||
.Making up stuff right now
|
|
||||||
video::./hello.mp4[sources="hello.mp4,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure id="video-sample" class="reverse">
|
|
||||||
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
|
||||||
<figcaption>Making up stuff right now</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an audio block with multiple <source>' do
|
|
||||||
input = <<~INPUT
|
|
||||||
audio::hello.mp3[sources="hello.mp3,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
|
||||||
</figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an audio block with multiple <source> and a caption' do
|
|
||||||
input = <<~INPUT
|
|
||||||
.Making up stuff right now
|
|
||||||
audio::./hello.mp3[sources="hello.mp3,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure>
|
|
||||||
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
|
||||||
<figcaption>Making up stuff right now</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have an audio element with a caption, ID, and classes' do
|
|
||||||
input = <<~INPUT
|
|
||||||
[#audio-sample.reverse]
|
|
||||||
.Making up stuff right now
|
|
||||||
audio::./hello.mp3[sources="hello.mp3,hello.webm"]
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<figure id="audio-sample" class="reverse">
|
|
||||||
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
|
||||||
<figcaption>Making up stuff right now</figcaption></figure>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a more semantic sidebar block' do
|
|
||||||
input = <<~INPUT
|
|
||||||
****
|
|
||||||
A sidebar is used for auxiliary bits of content.
|
|
||||||
****
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<aside><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a more semantic sidebar block with a title' do
|
|
||||||
input = <<~INPUT
|
|
||||||
.A sidebar title
|
|
||||||
****
|
|
||||||
A sidebar is used for auxiliary bits of content.
|
|
||||||
****
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<aside><strong class="title">A sidebar title</strong><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
|
|
||||||
it 'should have a more semantic sidebar block with a title, an ID, and several roles' do
|
|
||||||
input = <<~INPUT
|
|
||||||
[#sidebar-id.several.roles]
|
|
||||||
.A sidebar title
|
|
||||||
****
|
|
||||||
A sidebar is used for auxiliary bits of content.
|
|
||||||
****
|
|
||||||
INPUT
|
|
||||||
|
|
||||||
expected = <<~HTML
|
|
||||||
<aside id="sidebar-id" class="several roles"><strong class="title">A sidebar title</strong><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
|
||||||
HTML
|
|
||||||
|
|
||||||
actual = (Asciidoctor.convert input).chomp
|
|
||||||
(expect actual).to eq expected.chomp
|
|
||||||
end
|
|
||||||
end
|
|
||||||
41
spec/html5_modified_converter/admonition.rb
Normal file
41
spec/html5_modified_converter/admonition.rb
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have a more semantic version of the admonitions' do
|
||||||
|
input = <<~INPUT
|
||||||
|
[WARNING]
|
||||||
|
====
|
||||||
|
Hello there
|
||||||
|
====
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<aside data-admonition-type="warning"><div class="admonition-label">Warning</div>
|
||||||
|
<p>Hello there</p></aside>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a more semantic version of the admonitions even with typical Asciidoc elements' do
|
||||||
|
input = <<~INPUT
|
||||||
|
[#warning-id.big.reversed]
|
||||||
|
.A warning
|
||||||
|
[WARNING]
|
||||||
|
====
|
||||||
|
Hello there
|
||||||
|
====
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<aside data-admonition-type="warning" id="warning-id" class="big reversed"><div class="admonition-label">Warning</div>
|
||||||
|
<strong class="title">A warning</strong><p>Hello there</p></aside>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
53
spec/html5_modified_converter/audio.rb
Normal file
53
spec/html5_modified_converter/audio.rb
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have an audio block with multiple <source>' do
|
||||||
|
input = <<~INPUT
|
||||||
|
audio::hello.mp3[sources="hello.mp3,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
||||||
|
</figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an audio block with multiple <source> and a caption' do
|
||||||
|
input = <<~INPUT
|
||||||
|
.Making up stuff right now
|
||||||
|
audio::./hello.mp3[sources="hello.mp3,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
||||||
|
<figcaption>Making up stuff right now</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an audio element with a caption, ID, and classes' do
|
||||||
|
input = <<~INPUT
|
||||||
|
[#audio-sample.reverse]
|
||||||
|
.Making up stuff right now
|
||||||
|
audio::./hello.mp3[sources="hello.mp3,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure id="audio-sample" class="reverse">
|
||||||
|
<audio><source src="hello.mp3" type="audio/mpeg"><source src="hello.webm" type="audio/webm"><p>Download the audio at <a href="hello.mp3">hello.mp3</a>, <a href="hello.webm">hello.webm</a>.</p></audio>
|
||||||
|
<figcaption>Making up stuff right now</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
143
spec/html5_modified_converter/image.rb
Normal file
143
spec/html5_modified_converter/image.rb
Normal file
@ -0,0 +1,143 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have an image block with multiple <source>' do
|
||||||
|
input = <<~INPUT
|
||||||
|
image::hello.png[sources="hello.avif,hello.webp"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
||||||
|
</figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with interactive SVG images' do
|
||||||
|
input = <<~INPUT
|
||||||
|
image::#{fixtures_file 'hello.svg'}[Interactive, opts=interactive]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
# rubocop:disable Layout/TrailingWhitespace
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
|
||||||
|
<object type="image/svg+xml" data="#{fixtures_file 'hello.svg'}"></object></figure>
|
||||||
|
HTML
|
||||||
|
# rubocop:enable Layout/TrailingWhitespace
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with interactive SVG images with a caption' do
|
||||||
|
input = <<~INPUT
|
||||||
|
:figure-caption!:
|
||||||
|
|
||||||
|
.SVG file
|
||||||
|
image::#{fixtures_file 'hello.svg'}[Interactive, opts=interactive]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
# rubocop:disable Layout/TrailingWhitespace
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
|
||||||
|
<object type="image/svg+xml" data="#{fixtures_file 'hello.svg'}"></object><figcaption>SVG file</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
# rubocop:enable Layout/TrailingWhitespace
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with inline SVG images' do
|
||||||
|
input = <<~INPUT
|
||||||
|
image::#{fixtures_file 'hello.svg'}[Inline, opts=inline]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>#{File.read fixtures_file('hello.svg')}
|
||||||
|
</figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with inline SVG image with a caption' do
|
||||||
|
input = <<~INPUT
|
||||||
|
:figure-caption!:
|
||||||
|
|
||||||
|
.Inline SVG file
|
||||||
|
image::#{fixtures_file 'hello.svg'}[Inline, opts=inline]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>#{File.read fixtures_file('hello.svg')}<figcaption>Inline SVG file</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with multiple <source> with caption' do
|
||||||
|
input = <<~INPUT
|
||||||
|
:figure-caption!:
|
||||||
|
|
||||||
|
.A figure caption
|
||||||
|
image::hello.png[sources="hello.avif,hello.webp"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
||||||
|
<figcaption>A figure caption</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with multiple <source>, a caption, an ID, and multiple roles' do
|
||||||
|
input = <<~INPUT
|
||||||
|
:figure-caption!:
|
||||||
|
|
||||||
|
[#image-id.whoa.there]
|
||||||
|
.A figure caption
|
||||||
|
image::hello.png[sources="hello.avif,hello.webp"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure id="image-id" class="whoa there">
|
||||||
|
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img src="hello.png" alt="hello"></picture>
|
||||||
|
<figcaption>A figure caption</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have an image block with multiple <source>, a caption, an ID, and multiple roles with some attributes' do
|
||||||
|
input = <<~INPUT
|
||||||
|
:figure-caption!:
|
||||||
|
|
||||||
|
[#image-id.whoa.there]
|
||||||
|
.A figure caption
|
||||||
|
image::hello.png[sources="hello.avif,hello.webp", width=300, height=100]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure id="image-id" class="whoa there">
|
||||||
|
<picture><source srcset="hello.avif" type="image/avif"><source srcset="hello.webp" type="image/webp"><img width="300" height="100" src="hello.png" alt="hello"></picture>
|
||||||
|
<figcaption>A figure caption</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
32
spec/html5_modified_converter/paragraph.rb
Normal file
32
spec/html5_modified_converter/paragraph.rb
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have a more semantic paragraph output' do
|
||||||
|
input = <<~INPUT
|
||||||
|
Hello there, fanciful!
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<p>Hello there, fanciful!</p>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should still have a more semantic paragraph output with a title' do
|
||||||
|
input = <<~INPUT
|
||||||
|
.Whoa there!
|
||||||
|
Hello there, fanciful!
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<p><strong class="title">Whoa there!</strong>Hello there, fanciful!</p>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
53
spec/html5_modified_converter/sidebar.rb
Normal file
53
spec/html5_modified_converter/sidebar.rb
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have a more semantic sidebar block' do
|
||||||
|
input = <<~INPUT
|
||||||
|
****
|
||||||
|
A sidebar is used for auxiliary bits of content.
|
||||||
|
****
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<aside><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a more semantic sidebar block with a title' do
|
||||||
|
input = <<~INPUT
|
||||||
|
.A sidebar title
|
||||||
|
****
|
||||||
|
A sidebar is used for auxiliary bits of content.
|
||||||
|
****
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<aside><strong class="title">A sidebar title</strong><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a more semantic sidebar block with a title, an ID, and several roles' do
|
||||||
|
input = <<~INPUT
|
||||||
|
[#sidebar-id.several.roles]
|
||||||
|
.A sidebar title
|
||||||
|
****
|
||||||
|
A sidebar is used for auxiliary bits of content.
|
||||||
|
****
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<aside id="sidebar-id" class="several roles"><strong class="title">A sidebar title</strong><p>A sidebar is used for auxiliary bits of content.</p></aside>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
68
spec/html5_modified_converter/video.rb
Normal file
68
spec/html5_modified_converter/video.rb
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
require 'asciidoctor/foodogsquared/converters/html5-extended'
|
||||||
|
|
||||||
|
describe Asciidoctor::Foodogsquared::Converters::HTML5Modified do
|
||||||
|
it 'should have a video block with multiple <source>' do
|
||||||
|
input = <<~INPUT
|
||||||
|
video::hello.mp4[sources="hello.mp4,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
||||||
|
</figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a video block with a bunch of attributes' do
|
||||||
|
input = <<~INPUT
|
||||||
|
video::hello.mp4[opts="autoplay,loop", preload="metadata"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<video autoplay="autoplay" loop="loop" preload="metadata" src="hello.mp4"><p>Download the video at <a href="hello.mp4">hello.mp4</a>.</p></video>
|
||||||
|
</figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a video block with multiple <source> and a caption' do
|
||||||
|
input = <<~INPUT
|
||||||
|
.Making up stuff right now
|
||||||
|
video::./hello.mp4[sources="hello.mp4,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure>
|
||||||
|
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
||||||
|
<figcaption>Making up stuff right now</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
|
||||||
|
it 'should have a video block with a caption, ID, and classes' do
|
||||||
|
input = <<~INPUT
|
||||||
|
[#video-sample.reverse]
|
||||||
|
.Making up stuff right now
|
||||||
|
video::./hello.mp4[sources="hello.mp4,hello.webm"]
|
||||||
|
INPUT
|
||||||
|
|
||||||
|
expected = <<~HTML
|
||||||
|
<figure id="video-sample" class="reverse">
|
||||||
|
<video><source src="hello.mp4" type="video/mp4"><source src="hello.webm" type="video/webm"><p>Download the video at <a href="hello.mp4">hello.mp4</a>, <a href="hello.webm">hello.webm</a>.</p></video>
|
||||||
|
<figcaption>Making up stuff right now</figcaption></figure>
|
||||||
|
HTML
|
||||||
|
|
||||||
|
actual = (Asciidoctor.convert input).chomp
|
||||||
|
(expect actual).to eq expected.chomp
|
||||||
|
end
|
||||||
|
end
|
||||||
Loading…
Reference in New Issue
Block a user