Python render_component示例

示例#1

 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',
         })

示例#2

文件： test_functionality.py 项目： psimyn/react-render

 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>')

示例#3

 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!"}')

示例#4

文件： test_functionality.py 项目： mic159/react-render

 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',
         })

示例#5

文件： test_functionality.py 项目： arcos/react-render

 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>')

示例#6

文件： test_functionality.py 项目： choonkending/react-render

 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>')

示例#7

文件： views.py 项目： jsumnersmith/isomorphic-django-react

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)

示例#8

文件： test_functionality.py 项目： mic159/react-render

 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)

示例#9

文件： test_functionality.py 项目： choonkending/react-render

 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!"}')

示例#10

文件： test_functionality.py 项目： choonkending/react-render

 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)

示例#11

文件： test_functionality.py 项目： mic159/react-render

 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}')")

示例#12

文件： test_functionality.py 项目： psimyn/react-render

 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}')")

示例#13

文件： test_functionality.py 项目： arcos/react-render

 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>')

示例#14

文件： test_functionality.py 项目： choonkending/react-render

 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>')

示例#15

文件： test_functionality.py 项目： mic159/react-render

 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))

示例#16

文件： test_functionality.py 项目： choonkending/react-render

 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))

示例#17

文件： test_functionality.py 项目： choonkending/react-render

 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',
         }
     )

示例#18

文件： test_functionality.py 项目： psimyn/react-render

 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',
         }
     )

示例#19

文件： test_functionality.py 项目： choonkending/react-render

 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>')

示例#20

文件： test_functionality.py 项目： choonkending/react-render

 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>')

示例#21

文件： test_functionality.py 项目： mic159/react-render

 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>')

示例#22

文件： test_functionality.py 项目： mic159/react-render

 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>')

示例#23

文件： test_functionality.py 项目： mic159/react-render

 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>')

示例#24

文件： views.py 项目： pacahon/django-react

def index(request):
    demo = render_component('templates/components/Demo.js')

    return render(request, 'app/demo.html')