Skip to content

Commit fb9a7d4

Browse files
can-anguncan-angun
committed
Added metrics verfiy full data page case
1 parent 33a969b commit fb9a7d4

File tree

4 files changed

+303
-120
lines changed

4 files changed

+303
-120
lines changed

‎plugins/compliance-hub/frontend/public/templates/metrics.html‎

Lines changed: 57 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,67 @@
1-
<cly-main>
2-
<div class="bu-level bu-my-4">
3-
<div class="bu-level-left" data-test-id="consent-requests-for-label">
4-
Consent Requests for
5-
<cly-select-x
6-
class="bu-ml-3"
7-
test-id="consent-requests-for-combobox"
8-
:width="300"
9-
:arrow="false"
10-
:borderless="true"
11-
:adaptiveLength="true"
12-
:auto-commit="true"
13-
:hide-default-tabs="true"
14-
:hide-all-options-tab="true"
15-
:options="filter0"
16-
v-model="selectedfilterforMetrics">
17-
</cly-select-x>
18-
</div>
19-
<div class="bu-level-right">
20-
<cly-date-picker-g type="daterange" range-separator="To" start-placeholder="Start date" end-placeholder="End date">
21-
</cly-date-picker-g>
22-
</div>
1+
<cly-main>
2+
<div class="bu-level bu-my-4">
3+
<div class="bu-level-left" data-test-id="consent-requests-for-label">
4+
Consent Requests for
5+
<cly-select-x
6+
class="bu-ml-3"
7+
test-id="consent-requests-for-combobox"
8+
:width="300"
9+
:arrow="false"
10+
:borderless="true"
11+
:adaptiveLength="true"
12+
:auto-commit="true"
13+
:hide-default-tabs="true"
14+
:hide-all-options-tab="true"
15+
:options="filter0"
16+
v-model="selectedfilterforMetrics">
17+
</cly-select-x>
2318
</div>
24-
<cly-section>
25-
<cly-chart-time
26-
test-id="consent-dp-chart" v-loading="consentDpChartloaded" :force-loading="consentDpChartloaded" :showDownload=false :showToggle=false :showZoom=false :option="consentDpChart" :legend="consentDpChartlegend" category="compliance-hub"> </cly-chart-time>
19+
<div class="bu-level-right">
20+
<cly-date-picker-g type="daterange" range-separator="To" start-placeholder="Start date" end-placeholder="End date">
21+
</cly-date-picker-g>
22+
</div>
23+
</div>
24+
<cly-section>
25+
<cly-chart-time
26+
test-id="consent-requests" v-loading="consentDpChartloaded" :force-loading="consentDpChartloaded" :showDownload=false :showToggle=false :showZoom=false :option="consentDpChart" :legend="consentDpChartlegend" category="compliance-hub"> </cly-chart-time>
2727

28-
</cly-section>
29-
<div class="bu-is-flex">
30-
<div class="white-bg cly-vue-compliance__user_chart bu-px-5 bu-mr-4 bu-is-flex bu-is-flex-direction-column">
31-
<div class="bu-is-flex bu-is-flex-direction-column bu-mt-3" style="width:85%; height: 50px">
28+
</cly-section>
29+
<div class="bu-is-flex">
30+
<div class="white-bg cly-vue-compliance__user_chart bu-px-5 bu-mr-4 bu-is-flex bu-is-flex-direction-column">
31+
<div class="bu-is-flex bu-is-flex-direction-column bu-mt-3" style="width:85%; height: 50px">
32+
<div class="bu-is-flex bu-is-align-items-center" >
33+
<p class="bu-mr-2" data-test-id="user-data-exports-title-label">{{userDatalegend.label}}</p>
34+
<cly-tooltip-icon></cly-tooltip-icon>
35+
</div>
36+
<div class="cly-vue-chart-legend__second-row bu-is-flex">
37+
<div class="cly-vue-chart-legend__p-number" data-test-id="user-data-exports-value"> {{formatTableNumber(userDatalegend.value)}}</div>
38+
<div class="cly-vue-chart-legend__p-trend bu-is-flex bu-is-align-items-center bu-ml-2" v-bind:class="userDatalegend.class">
39+
<i v-if="userDatalegend.trend === 'u'" class="cly-trend-up-icon ion-android-arrow-up bu-ml-2" data-test-id="user-data-exports-arrow-icon"></i>
40+
<i v-else class="cly-trend-down-icon ion-android-arrow-down bu-ml-2" data-test-id="user-data-exports-arrow-icon"></i>
41+
<div data-test-id="user-data-exports-percentage">{{userDatalegend.percentage}}</div>
42+
</div>
43+
</div>
44+
</div>
45+
<cly-chart-time test-id="user-data-exports" v-loading="exportDpChartloaded" :force-loading="exportDpChartloaded" :height="277" :showDownload=false :showToggle=false :showZoom=false :legend={show:false} :option.sync="exportDpChart" category="compliance-hub">
46+
</cly-chart-time>
47+
</div>
48+
<div class="white-bg cly-vue-compliance__user_chart bu-px-5 bu-is-flex bu-is-flex-direction-column">
49+
<div class="bu-is-flex bu-is-flex-direction-column bu-mt-3" style="width:85%; height: 50px;">
3250
<div class="bu-is-flex bu-is-align-items-center" >
33-
<p class="bu-mr-2" data-test-id="user-data-exports-title-label">{{userDatalegend.label}}</p>
51+
<p class="bu-mr-2" data-test-id="user-data-purges-title-label">{{purgeDatalegend.label}}</p>
3452
<cly-tooltip-icon></cly-tooltip-icon>
3553
</div>
3654
<div class="cly-vue-chart-legend__second-row bu-is-flex">
37-
<div class="cly-vue-chart-legend__p-number" data-test-id="user-data-exports-value"> {{formatTableNumber(userDatalegend.value)}}</div>
38-
<div class="cly-vue-chart-legend__p-trend bu-is-flex bu-is-align-items-center bu-ml-2" v-bind:class="userDatalegend.class">
39-
<i v-if="userDatalegend.trend === 'u'" class="cly-trend-up-icon ion-android-arrow-up bu-ml-2" data-test-id="user-data-exports-arrow-icon"></i>
40-
<i v-else class="cly-trend-down-icon ion-android-arrow-down bu-ml-2" data-test-id="user-data-exports-arrow-icon"></i>
41-
<div data-test-id="user-data-exports-percentage">{{userDatalegend.percentage}}</div>
55+
<div class="cly-vue-chart-legend__p-number" data-test-id="user-data-purges-value"> {{formatTableNumber(purgeDatalegend.value)}}</div>
56+
<div class="cly-vue-chart-legend__p-trend bu-is-flex bu-is-align-items-center bu-ml-2" v-bind:class="purgeDatalegend.class">
57+
<i v-if="purgeDatalegend.trend === 'u'" class="cly-trend-up-icon ion-android-arrow-up bu-ml-2" data-test-id="user-data-purges-arrow-icon"></i>
58+
<i v-else class="cly-trend-down-icon ion-android-arrow-down bu-ml-2" data-test-id="user-data-purges-arrow-icon"></i>
59+
<div data-test-id="user-data-purges-percentage">{{purgeDatalegend.percentage}}</div>
4260
</div>
4361
</div>
4462
</div>
45-
<cly-chart-time test-id="export-dp-chart" v-loading="exportDpChartloaded" :force-loading="exportDpChartloaded" :height="277" :showDownload=false :showToggle=false :showZoom=false :legend={show:false} :option.sync="exportDpChart" category="compliance-hub">
46-
</cly-chart-time>
47-
</div>
48-
<div class="white-bg cly-vue-compliance__user_chart bu-px-5 bu-is-flex bu-is-flex-direction-column">
49-
<div class="bu-is-flex bu-is-flex-direction-column bu-mt-3" style="width:85%; height: 50px;">
50-
<div class="bu-is-flex bu-is-align-items-center" >
51-
<p class="bu-mr-2" data-test-id="user-data-purges-title-label">{{purgeDatalegend.label}}</p>
52-
<cly-tooltip-icon></cly-tooltip-icon>
53-
</div>
54-
<div class="cly-vue-chart-legend__second-row bu-is-flex">
55-
<div class="cly-vue-chart-legend__p-number" data-test-id="user-data-purges-value"> {{formatTableNumber(purgeDatalegend.value)}}</div>
56-
<div class="cly-vue-chart-legend__p-trend bu-is-flex bu-is-align-items-center bu-ml-2" v-bind:class="purgeDatalegend.class">
57-
<i v-if="purgeDatalegend.trend === 'u'" class="cly-trend-up-icon ion-android-arrow-up bu-ml-2" data-test-id="user-data-purges-arrow-icon"></i>
58-
<i v-else class="cly-trend-down-icon ion-android-arrow-down bu-ml-2" data-test-id="user-data-purges-arrow-icon"></i>
59-
<div data-test-id="user-data-purges-percentage">{{purgeDatalegend.percentage}}</div>
60-
</div>
61-
</div>
62-
</div>
63-
<cly-chart-time test-id="purge-dp-chart" v-loading="purgeDpChartloaded" :force-loading="purgeDpChartloaded" :showDownload="false" :showToggle="false" :showZoom="false" :legend={show:false} :height="277" :option.sync="purgeDpChart" category="compliance-hub">
64-
</cly-chart-time>
65-
</div>
63+
<cly-chart-time test-id="user-data-purges" v-loading="purgeDpChartloaded" :force-loading="purgeDpChartloaded" :showDownload="false" :showToggle="false" :showZoom="false" :legend={show:false} :height="277" :option.sync="purgeDpChart" category="compliance-hub">
64+
</cly-chart-time>
6665
</div>
67-
</cly-main>
66+
</div>
67+
</cly-main>

‎ui-tests/cypress/e2e/onboarding/onboarding.cy.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -397,9 +397,9 @@ describe('Complete Onboarding', () => {
397397
//healthCheckPageHelpers.verifyFullDataPageElements(); //TODO: Data is not being generated with the populator. Need to generate the data
398398
healthCheckPageHelpers.clickSdkConfigurationTab();
399399
sdkConfigurationsPageHelpers.verifyPageElements({});
400+
navigationHelpers.goToComplianceHubMetricsPage();
401+
complianceHubMetricsPageHelpers.verifyFullDataPageElements();
400402
//TODO: Add the cases of the following pages
401-
//navigationHelpers.goToComplianceHubMetricsPage();
402-
//complianceHubMetricsPageHelpers.verifyFullDataPageElements();
403403
//complianceHubMetricsPageHelpers.clickUsersTab();
404404
//complianceHubUsersPageHelpers.verifyFullDataPageElements();
405405
//complianceHubUsersPageHelpers.clickConsentHistoryTab();

0 commit comments

Comments
 (0)