Ensure FullPageComponents are treated as DOM components

We currently override a couple DOM components. We need to ensure everything we
override is still treated as a DOM component, even if it has a composite
component wrapper.

src/browser/ui/dom/components/createFullPageComponent.js

@@ -33,6 +33,7 @@ function createFullPageComponent(tag) {
   var elementFactory = ReactElement.createFactory(tag);
 
   var FullPageComponent = ReactClass.createClass({
+    tagName: tag.toUpperCase(),
     displayName: 'ReactFullPageComponent' + tag,
 
     componentWillUnmount: function() {

src/test/__tests__/ReactTestUtils-test.js

@@ -206,4 +206,28 @@ describe('ReactTestUtils', function() {
 
     expect(console.warn.calls.length).toBe(0);
   });
+
+  it('should support injected wrapper components as DOM components', function() {
+    var injectedDOMComponents = [
+      'button',
+      'form',
+      'iframe',
+      'img',
+      'input',
+      'option',
+      'select',
+      'textarea',
+      'html',
+      'head',
+      'body'
+    ];
+
+    injectedDOMComponents.forEach(function(type) {
+      var component = ReactTestUtils.renderIntoDocument(
+        React.createElement(type)
+      );
+      expect(component.tagName).toBe(type.toUpperCase());
+      expect(ReactTestUtils.isDOMComponent(component)).toBe(true);
+    });
+  });
 });