def test_failed_server_side_render(mock_get_l10n_data,
mock_dumps, failure_class,
mock_requests, settings):
"""If SSR fails, we should do client-side rendering instead."""
localization_data = {'catalog': {'s': 't'}, 'plural': None}
mock_get_l10n_data.side_effect = lambda l: localization_data
mock_dumps.side_effect = sorted_json_dumps
url = '{}/{}'.format(settings.SSR_URL, 'page')
mock_requests.post(url, exc=failure_class('message'))
document_data = {'x': 'one', 'y': 2, 'z': ['a', 'b']}
path = '/en-US/docs/foo'
assert (ssr.render_react('page', 'en-US', path, document_data) ==
ssr.render_react('page', 'en-US', path, document_data, ssr=False))
def test_failed_server_side_render(mock_get_l10n_data, mock_dumps,
failure_class, mock_requests, settings):
"""If SSR fails, we should do client-side rendering instead."""
localization_data = {"catalog": {"s": "t"}, "plural": None}
mock_get_l10n_data.side_effect = lambda l: localization_data
mock_dumps.side_effect = sorted_json_dumps
url = f"{settings.SSR_URL}/page"
mock_requests.post(url, exc=failure_class("message"))
document_data = {"x": "one", "y": 2, "z": ["a", "b"]}
path = "/en-US/docs/foo"
assert ssr.render_react("page", "en-US", path,
document_data) == ssr.render_react("page",
"en-US",
path,
document_data,
ssr=False)
def test_plural_function(mock_get_l10n_data, mock_dumps, mock_requests,
settings):
"""For server-side rendering, if the locale data includes a plural
expression, expect the output to include a plural function.
"""
mock_dumps.side_effect = sorted_json_dumps
# This is the input to the mock Node server
document_data = {'x': 'one', 'y': 2, 'z': ['a', 'b']}
localization_data = {'catalog': {'s': 't'}, 'plural': 'n!=1'}
mock_get_l10n_data.side_effect = lambda l: localization_data
url = '{}/{}'.format(settings.SSR_URL, 'page')
# This will be the output sent by the mock Node server
mock_requests.post(url, text='mock html')
# Run the template tag
output = ssr.render_react('page', 'es', document_data)
expected = '<script>window._react_data = {pluralFunction:function(n){'
# Make sure the output is as expected
assert expected in output
assert localization_data['plural'] in output
def test_server_side_render(mock_get_l10n_data, mock_dumps, locale,
mock_requests, settings):
"""For server-side rendering expect a div with some content and
a script with less data than we'd get for client-side rendering
"""
mock_dumps.side_effect = sorted_json_dumps
# This is the input to the mock Node server
body = 'article content'
toc = 'table of contents'
links = 'sidebar'
contributors = ['a', 'b']
document_data = {
'bodyHTML': body,
'tocHTML': toc,
'quickLinksHTML': links,
'contributors': contributors
}
localization_data = {'catalog': {'s': locale}, 'plural': None}
mock_get_l10n_data.side_effect = lambda l: localization_data
# This will be the output sent by the mock Node server
mock_html = '<p>{}</p><p>{}</p><p>{}</p><p>{}</p>'.format(
body, toc, links, contributors)
url = '{}/{}'.format(settings.SSR_URL, 'document')
mock_requests.post(url, json={
'html': mock_html,
'script': 'STUFF'})
# Run the template tag
path = '/en-US/docs/foo'
output = ssr.render_react('document', locale, path, document_data)
# Make sure the output is as expected
data = {
'locale': locale,
'url': path,
'stringCatalog': localization_data['catalog'],
'documentData': document_data,
}
expect = (
u'<div id="react-container" data-component-name="{}">{}</div>\n'
u'<script>window._react_data = JSON.parse(STUFF);</script>\n'
).format('document', mock_html, json.dumps(data))
assert output == expect
def test_server_side_render(mock_get_l10n_data, mock_dumps, locale,
mock_requests, settings):
"""For server-side rendering expect a div with some content and
a script with less data than we'd get for client-side rendering
"""
mock_dumps.side_effect = sorted_json_dumps
# This is the input to the mock Node server
body = 'article content'
toc = 'table of contents'
links = 'sidebar'
contributors = ['a', 'b']
document_data = {
'bodyHTML': body,
'tocHTML': toc,
'quickLinksHTML': links,
'contributors': contributors
}
localization_data = {'catalog': {'s': locale}, 'plural': None}
mock_get_l10n_data.side_effect = lambda l: localization_data
# This will be the output sent by the mock Node server
mock_html = '<p>{}</p><p>{}</p><p>{}</p><p>{}</p>'.format(
body, toc, links, contributors)
url = '{}/{}'.format(settings.SSR_URL, 'document')
mock_requests.post(url, text=mock_html)
# Run the template tag
output = ssr.render_react('document', locale, document_data)
# Make sure the output is as expected
# The HTML attributes in the data should not be repeated in the output
# But note that this is a special case that depends on the first argument
# to render_react() being "document"
document_data.update(bodyHTML='', tocHTML='', quickLinksHTML='')
data = {
'locale': locale,
'stringCatalog': localization_data['catalog'],
'documentData': document_data,
}
assert output == (
u'<div id="react-container" data-component-name="{}">{}</div>\n'
u'<script>window._react_data = {};</script>\n').format(
'document', mock_html, json.dumps(data))
def test_server_side_render(mock_get_l10n_data, mock_dumps, locale,
mock_requests, settings):
"""For server-side rendering expect a div with some content and
a script with less data than we'd get for client-side rendering
"""
mock_dumps.side_effect = sorted_json_dumps
# This is the input to the mock Node server
body = "article content"
toc = "table of contents"
links = "sidebar"
contributors = ["a", "b"]
document_data = {
"bodyHTML": body,
"tocHTML": toc,
"quickLinksHTML": links,
"contributors": contributors,
}
localization_data = {"catalog": {"s": locale}, "plural": None}
mock_get_l10n_data.side_effect = lambda l: localization_data
# This will be the output sent by the mock Node server
mock_html = "<p>{}</p><p>{}</p><p>{}</p><p>{}</p>".format(
body, toc, links, contributors)
url = "{}/{}".format(settings.SSR_URL, "document")
mock_requests.post(url, json={"html": mock_html, "script": "STUFF"})
# Run the template tag
path = "/en-US/docs/foo"
output = ssr.render_react("document", locale, path, document_data)
# Make sure the output is as expected
data = {
"locale": locale,
"url": path,
"stringCatalog": localization_data["catalog"],
"documentData": document_data,
}
expect = (
'<div id="react-container" data-component-name="{}">{}</div>\n'
"<script>window._react_data = JSON.parse(STUFF);</script>\n").format(
"document", mock_html, json.dumps(data))
assert output == expect
def test_client_side_render(mock_get_l10n_data, mock_dumps):
"""For client-side rendering expect a script json data and an empty div."""
localization_data = {'catalog': {'s': 't'}, 'plural': None}
mock_get_l10n_data.side_effect = lambda l: localization_data
mock_dumps.side_effect = sorted_json_dumps
document_data = {'x': 'one', 'y': 2, 'z': ['a', 'b']}
data = {
'locale': 'en-US',
'stringCatalog': localization_data['catalog'],
'documentData': document_data,
}
output = ssr.render_react('page', 'en-US', document_data, ssr=False)
assert output == (
u'<div id="react-container" data-component-name="{}"></div>\n'
u'<script>window._react_data = {};</script>\n').format(
'page', json.dumps(data))
def test_client_side_render(mock_get_l10n_data, mock_dumps):
"""For client-side rendering expect a script json data and an empty div."""
localization_data = {"catalog": {"s": "t"}, "plural": None}
mock_get_l10n_data.side_effect = lambda l: localization_data
mock_dumps.side_effect = sorted_json_dumps
document_data = {"x": "one", "y": 2, "z": ["a", "b"]}
path = "/en-US/docs/foo"
data = {
"locale": "en-US",
"url": path,
"stringCatalog": localization_data["catalog"],
"documentData": document_data,
"pluralExpression": None,
}
output = ssr.render_react("page", "en-US", path, document_data, ssr=False)
expected = ('<div id="react-container" data-component-name="{}"></div>\n'
"<script>window._react_data = {};</script>\n").format(
"page", json.dumps(data))
assert output == expected
