Skip to content

C
coopwire-hypothesis
Commit 41f123a2 authored by Robert Knight's avatar Robert Knight
Browse files
Options

Add an XHTML test page served with the correct mime type 

As noted in [1], much (most?) XHTML content on the web is actually
served with the "text/html" mime type, including the existing documens in the
dev server which declare themselves to be XHTML. However serving an
XHTML document with the correct "application/xhtml+xml" mime type alters
various browser behavior, so we need a page that tests this.

[1] https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/XHTML#xhtml_document
parent a2cee55f
Hide whitespace changes
Inline Side-by-side
Showing with 115 additions and 0 deletions
dev-server/documents/html/xhtml-test.mustache 0 → 100644
View file @ 41f123a2
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML test document</title>
<style>
body {
font-size: 1rem;
line-height: 1.5rem;
}
main {
max-width: 500px;
margin-left: 50px;
}
</style>
</head>
<body>
<h1>XHTML test document</h1>
<main>
<p>
This is an
<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/XHTML"
>XHTML</a
>
test document. Note that browser behavior when processing an XHTML
document depends not only on the content itself but also the
<code>Content-Type</code> header that the document is served with. This
document should be served with the correct
<code>application/xhtml+xml</code> MIME type. See
<a
href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/XHTML#xhtml_document"
>this MDN article</a
>
for details.
</p>
<h2>Test content from <em>Heart of Darkness</em></h2>
<p>
<i
>This is some content that allows testing scrolling functionality, as
that had problems with XHTML at one point.</i
>
</p>
<p>
The Nellie, a cruising yawl, swung to her anchor without a flutter of
the sails, and was at rest. The flood had made, the wind was nearly
calm, and being bound down the river, the only thing for it was to come
to and wait for the turn of the tide.
</p>
<p>
The sea-reach of the Thames stretched before us like the beginning of an
interminable waterway. In the offing the sea and the sky were welded
together without a joint, and in the luminous space the tanned sails of
the barges drifting up with the tide seemed to stand still in red
clusters of canvas sharply peaked, with gleams of varnished sprits. A
haze rested on the low shores that ran out to sea in vanishing flatness.
The air was dark above Gravesend, and farther back still seemed
condensed into a mournful gloom, brooding motionless over the biggest,
and the greatest, town on earth.
</p>
<p>
The Director of Companies was our captain and our host. We four
affectionately watched his back as he stood in the bows looking to
seaward. On the whole river there was nothing that looked half so
nautical. He resembled a pilot, which to a seaman is trustworthiness
personified. It was difficult to realize his work was not out there in
the luminous estuary, but behind him, within the brooding gloom.
</p>
<p>
Between us there was, as I have already said somewhere, the bond of the
sea. Besides holding our hearts together through long periods of
separation, it had the effect of making us tolerant of each other’s
yarns—and even convictions. The Lawyer—the best of old fellows—had,
because of his many years and many virtues, the only cushion on deck,
and was lying on the only rug. The Accountant had brought out already a
box of dominoes, and was toying architecturally with the bones. Marlow
sat cross-legged right aft, leaning against the mizzen-mast. He had
sunken cheeks, a yellow complexion, a straight back, an ascetic aspect,
and, with his arms dropped, the palms of hands outwards, resembled an
idol. The director, satisfied the anchor had good hold, made his way aft
and sat down amongst us. We exchanged a few words lazily. Afterwards
there was silence on board the yacht. For some reason or other we did
not begin that game of dominoes. We felt meditative, and fit for nothing
but placid staring. The day was ending in a serenity of still and
exquisite brilliance. The water shone pacifically; the sky, without a
speck, was a benign immensity of unstained light; the very mist on the
Essex marsh was like a gauzy and radiant fabric, hung from the wooded
rises inland, and draping the low shores in diaphanous folds. Only the
gloom to the west, brooding over the upper reaches, became more sombre
every minute, as if angered by the approach of the sun.
</p>
<p>
And at last, in its curved and imperceptible fall, the sun sank low, and
from glowing white changed to a dull red without rays and without heat,
as if about to go out suddenly, stricken to death by the touch of that
gloom brooding over a crowd of men.
</p>
<p>...</p>
</main>
{{{ hypothesisScript }}}
</body>
</html>
dev-server/serve-dev.js
View file @ 41f123a2
...@@ -106,6 +106,15 @@ function serveDev(port, config) { ...@@ -106,6 +106,15 @@ function serveDev(port, config) {
// Serve HTML documents with injected client script // Serve HTML documents with injected client script
app.get('/document/:document', (req, res, next) => { app.get('/document/:document', (req, res, next) => {
// All HTML documents are served with the `text/html` mime type by default,
// even though some declare themselves to be XHTML. This mirrors how most
// content on the web is served. However we do have some test pages that
// need to be served with the correct XHTML mime type, as that alters
// browser behavior. See https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/XHTML.
if (req.params.document.startsWith('xhtml-')) {
res.set('Content-Type', 'application/xhtml+xml');
}
if (fs.existsSync(`${HTML_PATH}${req.params.document}.mustache`)) { if (fs.existsSync(`${HTML_PATH}${req.params.document}.mustache`)) {
res.render(req.params.document, templateContext(config)); res.render(req.params.document, templateContext(config));
} else { } else {
......
dev-server/templates/index.mustache
View file @ 41f123a2
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
<li><a href="/document/doyle-tiny"><i>The Disappearance of Lady Carfax</i> with tiny (10px) root font size in host page</a></li> <li><a href="/document/doyle-tiny"><i>The Disappearance of Lady Carfax</i> with tiny (10px) root font size in host page</a></li>
<li><a href="/document/doyle-huge"><i>The Disappearance of Lady Carfax</i> with huge (24px) root font size in host page</a></li> <li><a href="/document/doyle-huge"><i>The Disappearance of Lady Carfax</i> with huge (24px) root font size in host page</a></li>
<li><a href="/document/doyle-centered"><i>The Disappearance of Lady Carfax</i> with a centered, max-width body</a></li> <li><a href="/document/doyle-centered"><i>The Disappearance of Lady Carfax</i> with a centered, max-width body</a></li>
<li><a href="/document/xhtml-test">XHTML document (served with XHTML mime type)</a></li>
</ul> </ul>
<h3>VitalSource test documents</h3> <h3>VitalSource test documents</h3>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment