diff --git a/src/renderers/dom/client/__tests__/ReactDOMSVG-test.js b/src/renderers/dom/client/__tests__/ReactDOMSVG-test.js
index 2898d2c2e47e3..b932b136721f2 100644
--- a/src/renderers/dom/client/__tests__/ReactDOMSVG-test.js
+++ b/src/renderers/dom/client/__tests__/ReactDOMSVG-test.js
@@ -21,6 +21,45 @@ describe('ReactDOMSVG', function() {
ReactDOMServer = require('ReactDOMServer');
});
+ it('creates initial markup for known hyphenated attributes', function() {
+ var markup = ReactDOMServer.renderToString(
+
+ );
+ expect(markup).toContain('clip-path="url(#starlet)"');
+ });
+
+ it('creates initial markup for camel case attributes', function() {
+ var markup = ReactDOMServer.renderToString(
+
+ );
+ expect(markup).toContain('viewBox="0 0 100 100"');
+ });
+
+ it('deprecates camel casing of hyphenated attributes', function() {
+ spyOn(console, 'error');
+ var markup = ReactDOMServer.renderToString(
+
+ );
+ expect(markup).toContain('clip-path="url(#starlet)"');
+ expect(console.error.argsForCall.length).toBe(1);
+ expect(console.error.argsForCall[0][0]).toContain('clipPath');
+ expect(console.error.argsForCall[0][0]).toContain('clip-path');
+ });
+
+ it('creates initial markup for unknown hyphenated attributes', function() {
+ var markup = ReactDOMServer.renderToString(
+
+ );
+ expect(markup).toContain('the-word="the-bird"');
+ });
+
+ it('creates initial markup for unknown camel case attributes', function() {
+ var markup = ReactDOMServer.renderToString(
+
+ );
+ expect(markup).toContain('theWord="theBird"');
+ });
+
it('creates initial namespaced markup', function() {
var markup = ReactDOMServer.renderToString(