Replace title when selecting visualizations

NEWS.md

@@ -58,6 +58,7 @@ Development
 - Fix "Duplicate datasets" action in the dashboard ([#2023](https://github.com/CartoDB/support/issues/2023))
 - CSS color variables refactor ([#14837](https://github.com/CartoDB/cartodb/pull/14837))
 - Fix trial expired message without expiration date ([CartoDB/support#1997](https://github.com/CartoDB/support/issues/1997))
+- Replace title for items number when selecting visualizations [#14832](https://github.com/CartoDB/cartodb/issues/14832)
 
 4.26.0 (2019-03-11)
 -------------------

lib/assets/javascripts/new-dashboard/components/DatasetsList.vue

@@ -147,7 +147,9 @@ export default {
       return this.$store.getters['user/canCreateDatasets'];
     },
     pageTitle () {
-      return this.$t(`DataPage.header.title['${this.appliedFilter}']`);
+      return this.selectedDatasets.length
+        ? this.$t('BulkActions.selected', {count: this.selectedDatasets.length})
+        : this.$t(`DataPage.header.title['${this.appliedFilter}']`);
     },
     areAllDatasetsSelected () {
       return Object.keys(this.datasets).length === this.selectedDatasets.length;

lib/assets/javascripts/new-dashboard/components/MapsList.vue

@@ -152,7 +152,9 @@ export default {
       isFirstTimeViewingDashboard: state => state.config.isFirstTimeViewingDashboard
     }),
     pageTitle () {
-      return this.$t(`MapsPage.header.title['${this.appliedFilter}']`);
+      return this.selectedMaps.length
+        ? this.$t('BulkActions.selected', {count: this.selectedMaps.length})
+        : this.$t(`MapsPage.header.title['${this.appliedFilter}']`);
     },
     areAllMapsSelected () {
       return Object.keys(this.maps).length === this.selectedMaps.length;

lib/assets/test/spec/new-dashboard/unit/specs/components/DatasetList.spec.js

@@ -60,6 +60,24 @@ describe('DatasetsList.vue', () => {
     expect(datasetsList).toMatchSnapshot();
   });
 
+  it('should replace title for items number when selecting datasets', () => {
+    const store = createStore();
+    const propsData = {
+      asBulkActions: true,
+      canHoverCard: true
+    };
+    const datasetsList = createDatasetsList(store, propsData);
+
+    expect(datasetsList.vm.pageTitle).toBe(`DataPage.header.title['mine']`);
+
+    const dataset = datasets.visualizations[0];
+    datasetsList.setData({
+      selectedDatasets: [dataset]
+    });
+
+    expect(datasetsList.vm.pageTitle).toBe('BulkActions.selected');
+  });
+
   describe('Methods', () => {
     it('applyOrder: should dispatch datasets/order with order options', () => {
       const store = createStore();

lib/assets/test/spec/new-dashboard/unit/specs/components/MapsList.spec.js

@@ -75,6 +75,27 @@ describe('MapsList.vue', () => {
     expect(mapsList).toMatchSnapshot();
   });
 
+  it('should replace title for items number when selecting maps', () => {
+    const store = createStore();
+    const propsData = {
+      hasBulkActions: true,
+      canHoverCard: true,
+      canChangeViewMode: false,
+      isCondensedDefault: true,
+      showViewAll: true
+    };
+    const mapsList = createMapsList(store, propsData);
+
+    expect(mapsList.vm.pageTitle).toBe(`MapsPage.header.title['mine']`);
+
+    const map = maps.visualizations[0];
+    mapsList.setData({
+      selectedMaps: [map]
+    });
+
+    expect(mapsList.vm.pageTitle).toBe('BulkActions.selected');
+  });
+
   describe('Methods', () => {
     it('applyOrder: should dispatch maps/order with order options', () => {
       const store = createStore();