diff --git a/assets/src/scripts/monitoring-location/components/hydrograph/index.test.js b/assets/src/scripts/monitoring-location/components/hydrograph/index.test.js
index 870ba351d9a37b95bd1a0bbecc3e234888e17300..e32facd9a12690c85c84f07e7b69a42887825ac3 100644
--- a/assets/src/scripts/monitoring-location/components/hydrograph/index.test.js
+++ b/assets/src/scripts/monitoring-location/components/hydrograph/index.test.js
@@ -318,6 +318,10 @@ describe('monitoring-location/components/hydrograph module', () => {
expect(selectAll('#change-time-span-container').size()).toBe(1);
});
+ it('should have download data form', () => {
+ expect(selectAll('#download-graph-data-container').size()).toBe(1);
+ });
+
it('should have method select element', () => {
expect(selectAll('#ts-method-select-container').size()).toBe(1);
});
diff --git a/assets/src/scripts/monitoring-location/components/hydrograph/select-actions.test.js b/assets/src/scripts/monitoring-location/components/hydrograph/select-actions.test.js
index 9b794bab355d32637d67479afc9afff7fc16497f..43f6d5c07593e4d49700cc1d4f843363766352ff 100644
--- a/assets/src/scripts/monitoring-location/components/hydrograph/select-actions.test.js
+++ b/assets/src/scripts/monitoring-location/components/hydrograph/select-actions.test.js
@@ -12,117 +12,112 @@ describe('monitoring-location/components/hydrograph/select-actions', () => {
let store;
const TIME_FORM_ID = 'change-time-span-container';
const DOWNLOAD_FORM_ID = 'download-graph-data-container';
- const TEST_STATE = {
- hydrographData: {
- currentTimeRange: TEST_CURRENT_TIME_RANGE,
- primaryIVData: TEST_PRIMARY_IV_DATA,
- medianStatistics: TEST_MEDIAN_DATA,
- groundwaterLevels: TEST_GW_LEVELS
- },
- hydrographState: {
- selectedTimeSpan: 'P7D',
- selectedIVMethodID: '90649'
- }
- };
- beforeEach(() => {
- config.ivPeriodOfRecord = 'notNull';
- config.gwPeriodOfRecord = 'notNull';
- testDiv = select('body').append('div');
- store = configureStore(TEST_STATE);
- testDiv.call(drawSelectActions, store, '11112222');
- });
- afterEach(() => {
- testDiv.remove();
- });
+ describe('Tests when iv or gw data is available', () => {
+ const TEST_STATE = {
+ hydrographData: {
+ currentTimeRange: TEST_CURRENT_TIME_RANGE,
+ primaryIVData: TEST_PRIMARY_IV_DATA,
+ medianStatistics: TEST_MEDIAN_DATA,
+ groundwaterLevels: TEST_GW_LEVELS
+ },
+ hydrographState: {
+ selectedTimeSpan: 'P7D',
+ selectedIVMethodID: '90649'
+ }
+ };
+ beforeEach(() => {
+ config.ivPeriodOfRecord = 'notNull';
+ config.gwPeriodOfRecord = 'notNull';
+ testDiv = select('body').append('div');
+ store = configureStore(TEST_STATE);
+ testDiv.call(drawSelectActions, store, '11112222');
+ });
- it('Draws the change time and download buttons and forms', () => {
- const buttonContainer = testDiv.selectAll('.select-actions-button-group');
-
- expect(buttonContainer.size()).toBe(1);
- expect(buttonContainer.selectAll('button').size()).toBe(2);
-
- const downloadButton = buttonContainer.selectAll(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
- const timeSpanButton = buttonContainer.selectAll(`button[aria-controls=${TIME_FORM_ID}]`);
- expect(downloadButton.size()).toBe(1);
- expect(timeSpanButton.size()).toBe(1);
- expect(downloadButton.attr('aria-expanded')).toBe('false');
- expect(timeSpanButton.attr('aria-expanded')).toBe('false');
-
- const timeSpanContainer = testDiv.select(`#${TIME_FORM_ID}`);
- const downloadContainer = testDiv.select(`#${DOWNLOAD_FORM_ID}`);
- expect(timeSpanContainer.size()).toBe(1);
- expect(timeSpanContainer.attr('hidden')).toBe('true');
- expect(downloadContainer.size()).toBe(1);
- expect(downloadContainer.attr('hidden')).toBe('true');
- });
+ afterEach(() => {
+ testDiv.remove();
+ });
- it('When the download button is clicked, the download section is shown', () => {
- const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
- downloadButton.dispatch('click');
+ it('Draws the change time and download buttons and forms', () => {
+ const buttonContainer = testDiv.selectAll('.select-actions-button-group');
- expect(downloadButton.attr('aria-expanded')).toBe('true');
- expect(testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`).attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBeNull();
- expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
- });
+ expect(buttonContainer.size()).toBe(1);
+ expect(buttonContainer.selectAll('button').size()).toBe(2);
- it('When the change time span button is clicked, the time span section is shown', () => {
- const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
- timeSpanButton.dispatch('click');
+ const downloadButton = buttonContainer.selectAll(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
+ const timeSpanButton = buttonContainer.selectAll(`button[aria-controls=${TIME_FORM_ID}]`);
+ expect(downloadButton.size()).toBe(1);
+ expect(timeSpanButton.size()).toBe(1);
+ expect(downloadButton.attr('aria-expanded')).toBe('false');
+ expect(timeSpanButton.attr('aria-expanded')).toBe('false');
- expect(timeSpanButton.attr('aria-expanded')).toBe('true');
- expect(testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`).attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBeNull();
- expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
- });
+ const timeSpanContainer = testDiv.select(`#${TIME_FORM_ID}`);
+ const downloadContainer = testDiv.select(`#${DOWNLOAD_FORM_ID}`);
+ expect(timeSpanContainer.size()).toBe(1);
+ expect(timeSpanContainer.attr('hidden')).toBe('true');
+ expect(downloadContainer.size()).toBe(1);
+ expect(downloadContainer.attr('hidden')).toBe('true');
+ });
- it('When the download button is clicked twice the download section is hidden again', () => {
- const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
- downloadButton.dispatch('click');
- downloadButton.dispatch('click');
+ it('When the download button is clicked, the download section is shown', () => {
+ const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
+ downloadButton.dispatch('click');
- expect(downloadButton.attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`).attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
- expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
- });
+ expect(downloadButton.attr('aria-expanded')).toBe('true');
+ expect(testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`).attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBeNull();
+ expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
+ });
- it('When the time span button is clicked twice the time span section is hidden again', () => {
- const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
- timeSpanButton.dispatch('click');
- timeSpanButton.dispatch('click');
+ it('When the change time span button is clicked, the time span section is shown', () => {
+ const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
+ timeSpanButton.dispatch('click');
- expect(timeSpanButton.attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`).attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
- expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
- });
+ expect(timeSpanButton.attr('aria-expanded')).toBe('true');
+ expect(testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`).attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBeNull();
+ expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
+ });
+
+ it('When the download button is clicked twice the download section is hidden again', () => {
+ const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
+ downloadButton.dispatch('click');
+ downloadButton.dispatch('click');
- it('When the download button is clicked and then the time span button, the download form is hidden and the time span form shown', () => {
- const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
- const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
- downloadButton.dispatch('click');
- timeSpanButton.dispatch('click');
+ expect(downloadButton.attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`).attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
+ expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
+ });
+
+ it('When the time span button is clicked twice the time span section is hidden again', () => {
+ const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
+ timeSpanButton.dispatch('click');
+ timeSpanButton.dispatch('click');
+
+ expect(timeSpanButton.attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`).attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBe('true');
+ expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
+ });
- expect(timeSpanButton.attr('aria-expanded')).toBe('true');
- expect(downloadButton.attr('aria-expanded')).toBe('false');
- expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBeNull();
- expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
+ it('When the download button is clicked and then the time span button, the download form is hidden and the time span form shown', () => {
+ const downloadButton = testDiv.select(`button[aria-controls=${DOWNLOAD_FORM_ID}]`);
+ const timeSpanButton = testDiv.select(`button[aria-controls=${TIME_FORM_ID}]`);
+ downloadButton.dispatch('click');
+ timeSpanButton.dispatch('click');
+
+ expect(timeSpanButton.attr('aria-expanded')).toBe('true');
+ expect(downloadButton.attr('aria-expanded')).toBe('false');
+ expect(testDiv.select(`#${TIME_FORM_ID}`).attr('hidden')).toBeNull();
+ expect(testDiv.select(`#${DOWNLOAD_FORM_ID}`).attr('hidden')).toBe('true');
+ });
});
- describe('monitoring-location/components/hydrograph/select-actions with no iv or gw data', () => {
- let testDiv;
- let store;
- const TIME_FORM_ID = 'change-time-span-container';
- const DOWNLOAD_FORM_ID = 'download-graph-data-container';
+
+ describe('Tests with no IV or GW data', () => {
const TEST_STATE = {
- hydrographData: {
- currentTimeRange: TEST_CURRENT_TIME_RANGE,
- primaryIVData: TEST_PRIMARY_IV_DATA,
- medianStatistics: TEST_MEDIAN_DATA,
- groundwaterLevels: TEST_GW_LEVELS
- },
+ hydrographData: {},
hydrographState: {
selectedTimeSpan: 'P7D',
selectedIVMethodID: '90649'