Use unique id's in svg/filters/feBlend-all-modes.html

third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html

Index: third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html
diff --git a/third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html b/third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html
index 75b03176e5685a546fe076c865cd4f1ca08116c4..85a39240d0fa0981c01074634d70205649df1049 100644
--- a/third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html
+++ b/third_party/WebKit/LayoutTests/svg/filters/feBlend-all-modes.html
@@ -36,13 +36,13 @@ const blendModes = [
   {a: 'rgb(255,0,0)', b: 'rgb(0,255,0)' },
   {a: 'rgb(51,64,204)', b: 'rgb(153,192,102)' },
   {a: 'rgba(51,64,204,0.5)', b: 'rgba(153,192,102,0.5)' },
-].forEach(function(colors) {
+].forEach(function(colors, groupNr) {
   var group = document.createElement('div');
   group.className = 'group';
   document.body.appendChild(group);
 
-  blendModes.forEach(function(mode, i) {
-    var filterId = 'f_' + mode;
+  blendModes.forEach(function(mode) {
+    var filterId = 'f_' + mode + groupNr;
     var filter = createSvgElement('filter', { id: filterId, x: 0, y: 0, width: 1, height: 1 });
     filter.appendChild(createSvgElement('feFlood', { result: 'a', 'flood-color': colors.a }));
     filter.appendChild(createSvgElement('feFlood', { result: 'b', 'flood-color': colors.b }));