def test_can_serialize_datetime_values_in_props(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name':
'world!',
'datetime':
datetime.datetime(
2015,
1,
2,
3,
4,
5,
tzinfo=timezone.utc),
'date':
datetime.date(2015, 1, 2),
'time':
datetime.time(3, 4, 5),
})
deserialized = json.loads(component.render_props())
self.assertEqual(
deserialized, {
'name': 'world!',
'datetime': '2015-01-02T03:04:05Z',
'date': '2015-01-02',
'time': '03:04:05',
})
def test_can_render_a_component_in_es6(self):
component = render_component(
PATH_TO_ES6,
props={'name': 'ES6'},
to_static_markup=True
)
self.assertEqual(str(component), '<span>Hello ES6</span>')
def test_can_get_a_components_serialized_props(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
})
self.assertEqual(component.props, {'name': 'world!'})
self.assertEqual(component.render_props(), '{"name": "world!"}')
def test_can_serialize_datetime_values_in_props(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name':
'world!',
'datetime':
datetime.datetime(
2015,
1,
2,
3,
4,
5,
tzinfo=timezone.utc),
'date':
datetime.date(2015, 1, 2),
'time':
datetime.time(3, 4, 5),
})
# Gotta remove the JSON.parse and unescape the string
stripped = component.render_props().rstrip('\')').lstrip(
'JSON.parse(').strip('\'"')
deserialized = json.loads(
stripped.encode('utf-8').decode('unicode_escape'))
self.assertEqual(
deserialized, {
'name': 'world!',
'datetime': '2015-01-02T03:04:05Z',
'date': '2015-01-02',
'time': '03:04:05',
})
def test_can_render_a_component_with_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={'name': 'world!'},
to_static_markup=True
)
self.assertEqual(str(component), '<span>Hello world!</span>')
def test_can_render_a_component_with_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={'name': 'world!'},
to_static_markup=True
)
self.assertEqual(str(component), '<span>Hello world!</span>')
def index(request):
props = {
'foo': 'bar',
'woz': [1,2,3],
}
component = render_component('components/app.js', props=props)
context = { 'component': component }
return render(request, "index.html", context)
def test_can_render_a_component_to_a_string_with_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
{'name': 'world!'},
)
markup = str(component)
self.assertNotEqual(markup, '<span>Hello world!</span>')
self.assertIn('Hello ', markup)
self.assertIn('world!', markup)
def test_can_get_a_components_serialized_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
}
)
self.assertEqual(component.props, {'name': 'world!'})
self.assertEqual(component.render_props(), '{"name": "world!"}')
def test_can_render_a_component_to_a_string_with_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
{'name': 'world!'},
)
markup = str(component)
self.assertNotEqual(markup, '<span>Hello world!</span>')
self.assertIn('Hello ', markup)
self.assertIn('world!', markup)
def test_can_get_a_components_serialized_props(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
})
self.assertEqual(component.props, {'name': 'world!'})
self.assertEqual(
component.render_props(),
"JSON.parse('{\\u0022name\\u0022: \\u0022world!\\u0022}')")
def test_can_get_a_components_serialized_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
}
)
self.assertEqual(component.props, {'name': 'world!'})
self.assertEqual(component.render_props(), "JSON.parse('{\u0022name\u0022: \u0022world!\u0022}')")
def test_can_render_a_component_requiring_another_component(self):
component = render_component(
PATH_TO_HELLO_WORLD_WRAPPER_COMPONENT,
props={
'name': 'world!',
'numbers': [1, 2, 3, 4, 5],
},
to_static_markup=True
)
self.assertEqual(str(component), '<div><span>Hello world!</span><span>10, 20, 30, 40, 50</span></div>')
def test_can_render_a_component_requiring_another_component(self):
component = render_component(
PATH_TO_HELLO_WORLD_WRAPPER_COMPONENT,
props={
'name': 'world!',
'numbers': [1, 2, 3, 4, 5],
},
to_static_markup=True
)
self.assertEqual(str(component), '<div><span>Hello world!</span><span>10, 20, 30, 40, 50</span></div>')
def test_render_component_returns_a_rendered_component(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={'name': 'world!'},
to_static_markup=True,
)
self.assertIsInstance(component, RenderedComponent)
self.assertEqual(component.output, '<span>Hello world!</span>')
self.assertEqual(component.output, str(component))
if sys.version_info[0] < 3:
self.assertEqual(component.output, unicode(component))
def test_render_component_returns_a_rendered_component(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!'
},
to_static_markup=True,
)
self.assertIsInstance(component, RenderedComponent)
self.assertEqual(component.output, '<span>Hello world!</span>')
self.assertEqual(component.output, str(component))
if six.PY2:
self.assertEqual(component.output, unicode(component))
def test_can_serialize_datetime_values_in_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
'datetime': datetime.datetime(2015, 1, 2, 3, 4, 5, tzinfo=timezone.utc),
'date': datetime.date(2015, 1, 2),
'time': datetime.time(3, 4, 5),
}
)
deserialized = json.loads(component.render_props())
self.assertEqual(
deserialized,
{
'name': 'world!',
'datetime': '2015-01-02T03:04:05Z',
'date': '2015-01-02',
'time': '03:04:05',
}
)
def test_can_serialize_datetime_values_in_props(self):
component = render_component(
PATH_TO_HELLO_WORLD_COMPONENT_JSX,
props={
'name': 'world!',
'datetime': datetime.datetime(2015, 1, 2, 3, 4, 5, tzinfo=timezone.utc),
'date': datetime.date(2015, 1, 2),
'time': datetime.time(3, 4, 5),
}
)
# Gotta remove the JSON.parse and unescape the string
stripped = component.render_props().rstrip('\')').lstrip('JSON.parse(').strip('\'"')
deserialized = json.loads(stripped.decode('unicode_escape'))
self.assertEqual(
deserialized,
{
'name': 'world!',
'datetime': '2015-01-02T03:04:05Z',
'date': '2015-01-02',
'time': '03:04:05',
}
)
def test_relative_paths_are_resolved_via_the_static_file_finder(self):
component = render_component(PATH_TO_STATIC_FILE_FINDER_COMPONENT, to_static_markup=True)
self.assertEqual(str(component), '<span>You found me.</span>')
def test_can_render_a_component_in_jsx(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX, to_static_markup=True)
self.assertEqual(str(component), '<span>Hello </span>')
def test_can_render_a_component_in_es6(self):
component = render_component(PATH_TO_ES6,
props={'name': 'ES6'},
to_static_markup=True)
self.assertEqual(str(component), '<span>Hello ES6</span>')
def test_can_render_a_component_in_js(self):
component = render_component(PATH_TO_HELLO_WORLD_COMPONENT_JSX,
to_static_markup=True)
self.assertEqual(str(component), '<span>Hello </span>')
def test_relative_paths_are_resolved_via_the_static_file_finder(self):
component = render_component(PATH_TO_STATIC_FILE_FINDER_COMPONENT,
to_static_markup=True)
self.assertEqual(str(component), '<span>You found me.</span>')
def index(request):
demo = render_component('templates/components/Demo.js')
return render(request, 'app/demo.html')