1
/*
2
 * render-reveal.test.ts
3
 *
4
 * Copyright (C) 2020-2022 Posit Software, PBC
5
 */
6

7
import { docs, fileLoader, outputForInput } from "../../utils.ts";
8
import {
9
  ensureFileRegexMatches,
10
  ensureHtmlElements,
11
  ensureHtmlSelectorSatisfies,
12
} from "../../verify.ts";
13
import { testRender } from "./render.ts";
14

15
// demo file renders ok
16
testRender(docs("reveal/index.qmd"), "revealjs", false);
17

18
let input = docs("reveal/aside-footnotes.qmd");
19
let output = outputForInput(input, "revealjs");
20
testRender(input, "revealjs", false, [
21
  ensureHtmlElements(output.outputPath, [
22
    // speaker notes are left not moved
23
    "section#slide-with-speaker-notes > aside.notes:last-child",
24
    // div of class aside are moved
25
    "section#slide-with-footnotes > aside:last-child > div > p",
26
    // footnotes are put in aside
27
    "section#slide-with-footnotes > aside:last-child > ol.aside-footnotes > li",
28
  ], [
29
    // footnotes back are removed
30
    "section#slide-with-footnotes > aside:last-child > ol.aside-footnotes > li > .footnote-back",
31
  ]),
32
]);
33

34
// auto-stretch feature
35
input = docs("reveal/stretch.qmd");
36
output = outputForInput(input, "revealjs");
37
testRender(input, "revealjs", false, [
38
  ensureHtmlElements(output.outputPath, [
39
    "#simple-image > p + img.r-stretch",
40
    "#chunk-below > p + img.r-stretch + p.caption + div.cell",
41
    "#no-caption > p + img.r-stretch",
42
    "#height-defined img:not(.r-stretch)",
43
    "#rigth-aligned > img.r-stretch.quarto-figure-right",
44
    "#only-image > img.r-stretch + p.caption",
45
    "#alt-text > img.r-stretch[alt]",
46
    "#caption-title > img.r-stretch[title] + p.caption",
47
    "#with-class-no-caption > img.stretch",
48
    "#with-class-caption > img.stretch.quarto-figure-center + p.caption",
49
    "#knitr-plot > div.cell + img.r-stretch + p.caption",
50
    "#knitr-plot-no-echo > img.r-stretch + p.caption",
51
    "#knitr-and-text > img.r-stretch + p.caption + p",
52
    "#knitr-align > img.r-stretch.quarto-figure-right + p.caption",
53
    "#knitr-no-caption-and-content > img.r-stretch ~ div.cell",
54
    "#no-content > img.r-stretch",
55
    "#no-content-caption > img.r-stretch + p.caption",
56
    "#custom-divs-opt-in > div.custom-block:not(.r-stretch) + img.r-stretch + p.caption",
57
  ], [
58
    "#columns img.r-stretch",
59
    "#more-than-one img.r-stretch",
60
    "section#no-stretch-class.nostretch img.r-stretch",
61
    "#knitr-height img.r-stretch",
62
    "#knitr-height-pct img.r-stretch",
63
    "#inline-image img.r-stretch",
64
    "#block-layout img.r-stretch",
65
    "#block-layout2 img.r-stretch",
66
    "#fig-tab-layout img.r-stretch",
67
    "#custom-divs-simple img.r-stretch",
68
    "#custom-divs-caption img.r-stretch",
69
    "#custom-divs-caption img.r-stretch",
70
    "#custom-divs-knitr img.r-stretch",
71
    "#custom-divs-knitr-caption img.r-stretch",
72
    "#aside img.r-stretch",
73
    "#absolute img.r-stretch",
74
    "#link img.r-stretch",
75
  ]),
76
]);
77

78
// fragments
79
const fragmentsDiv = fileLoader("reveal")("fragments.qmd", "revealjs");
80
testRender(fragmentsDiv.input, "revealjs", false, [
81
  ensureHtmlElements(fragmentsDiv.output.outputPath, [
82
    "#slide-2 > div.fragment > h3",
83
  ], []),
84
]);
85

86
// output-location
87
const outputLocation = fileLoader("reveal")("output-location.qmd", "revealjs");
88
testRender(outputLocation.input, "revealjs", false, [
89
  ensureHtmlElements(outputLocation.output.outputPath, [
90
    "section#loc-slide + section#loc-slide-output > div.output-location-slide",
91
    "section#loc-fragment > div.fragment > div.cell-output-display",
92
    "section#loc-col-fragment > div.columns > div.column:nth-child(2).fragment > div.cell-output-display",
93
  ], [
94
    "section#loc-slide > div.output-location-slide",
95
  ]),
96
  ensureHtmlSelectorSatisfies(
97
    outputLocation.output.outputPath,
98
    "section#loc-column > div.columns > div.column",
99
    (nodeList) => {
100
      return nodeList.length === 2;
101
    },
102
  ),
103
  ensureHtmlSelectorSatisfies(
104
    outputLocation.output.outputPath,
105
    "section#loc-col-fragment > div.columns > div.column",
106
    (nodeList) => {
107
      return nodeList.length === 2;
108
    },
109
  ),
110
]);
111

112
// reveal-config
113
const revealConfigs = fileLoader("reveal")("reveal-configs.qmd", "revealjs");
114
testRender(revealConfigs.input, "revealjs", false, [
115
  ensureFileRegexMatches(revealConfigs.output.outputPath, [
116
    "pdfSeparateFragments.*true",
117
    "smaller.*true",
118
    "pdfSeparateFragments.*true",
119
    'autoAnimateEasing.*"ease-in-out"',
120
    "autoAnimateDuration.*5",
121
    "autoAnimateUnmatched.*false",
122
    "pdfMaxPagesPerSlide.*1",
123
  ], []),
124
]);
125

126