adding filter by transaction name

Author: cauemarcondes

x-pack/test/apm_api_integration/basic/tests/transaction_groups/avg_duration_by_browser.ts

@@ -42,7 +42,7 @@ export default function ApiTest({ getService }: FtrProviderContext) {
       });
       it('returns the average duration by browser filtering by transaction name', async () => {
         const response = await supertest.get(
-          `/api/apm/services/client/transaction_groups/avg_duration_by_browser?start=${start}&end=${end}&uiFilters=${uiFilters}&transactionName=${transactionName}&_debug=true`
+          `/api/apm/services/client/transaction_groups/avg_duration_by_browser?start=${start}&end=${end}&uiFilters=${uiFilters}&transactionName=${transactionName}`
         );
 
         expect(response.status).to.be(200);

x-pack/test/apm_api_integration/basic/tests/transaction_groups/breakdown.ts

@@ -33,22 +33,35 @@ export default function ApiTest({ getService }: FtrProviderContext) {
       before(() => esArchiver.load('8.0.0'));
       after(() => esArchiver.unload('8.0.0'));
 
-      it('returns the transaction breakdown', async () => {
+      it('returns the transaction breakdown for a service', async () => {
         const response = await supertest.get(
           `/api/apm/services/opbeans-node/transaction_groups/breakdown?start=${start}&end=${end}&uiFilters=${uiFilters}&transactionType=${transactionType}`
         );
 
         expect(response.status).to.be(200);
         expect(response.body).to.eql(expectedBreakdown);
       });
-      it('returns the transaction breakdown with transaction name', async () => {
+      it('returns the transaction breakdown for a transaction group', async () => {
         const response = await supertest.get(
           `/api/apm/services/opbeans-node/transaction_groups/breakdown?start=${start}&end=${end}&uiFilters=${uiFilters}&transactionType=${transactionType}&transactionName=${transactionName}`
         );
 
         expect(response.status).to.be(200);
         expect(response.body).to.eql(expectedBreakdownWithTransactionName);
       });
+      it('returns the kpis sorted by percentage and name', async () => {
+        const response = await supertest.get(
+          `/api/apm/services/opbeans-node/transaction_groups/breakdown?start=${start}&end=${end}&uiFilters=${uiFilters}&transactionType=${transactionType}`
+        );
+
+        expect(response.status).to.be(200);
+        expect(response.body.kpis).to.eql([
+          { name: 'app', percentage: 0.16700861715223636, color: '#54b399' },
+          { name: 'http', percentage: 0.7702092736971686, color: '#6092c0' },
+          { name: 'postgresql', percentage: 0.0508822322527698, color: '#d36086' },
+          { name: 'redis', percentage: 0.011899876897825195, color: '#9170b8' },
+        ]);
+      });
     });
   });
 }