mirror of
https://github.com/foo-dogsquared/asciidoctor-foodogsquared-extensions.git
synced 2025-01-30 16:57:57 +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