Fixes now() time parsing when requesting annotations

ui/src/dashboards/containers/DashboardPage.js

@@ -19,6 +19,7 @@ import TemplateControlBar from 'src/dashboards/components/TemplateControlBar'
 import {errorThrown as errorThrownAction} from 'shared/actions/errors'
 import {notify as notifyAction} from 'shared/actions/notifications'
 import idNormalizer, {TYPE_ID} from 'src/normalizers/id'
+import {millisecondTimeRange} from 'src/dashboards/utils/time'
 
 import * as dashboardActionCreators from 'src/dashboards/actions'
 import * as annotationActions from 'shared/actions/annotations'
@@ -81,7 +82,7 @@ class DashboardPage extends Component {
       autoRefresh,
     } = this.props
 
-    const annotationRange = this.millisecondTimeRange(timeRange)
+    const annotationRange = millisecondTimeRange(timeRange)
     getAnnotationsAsync(source.links.annotations, annotationRange)
 
     if (autoRefresh) {
@@ -114,7 +115,7 @@ class DashboardPage extends Component {
     const {source, getAnnotationsAsync, timeRange} = this.props
     if (this.props.autoRefresh !== nextProps.autoRefresh) {
       clearInterval(this.intervalID)
-      const annotationRange = this.millisecondTimeRange(timeRange)
+      const annotationRange = millisecondTimeRange(timeRange)
       if (nextProps.autoRefresh) {
         this.intervalID = setInterval(() => {
           getAnnotationsAsync(source.links.annotations, annotationRange)
@@ -183,26 +184,10 @@ class DashboardPage extends Component {
       format: FORMAT_INFLUXQL,
     })
 
-    const annotationRange = this.millisecondTimeRange(timeRange)
+    const annotationRange = millisecondTimeRange(timeRange)
     getAnnotationsAsync(source.links.annotations, annotationRange)
   }
 
-  millisecondTimeRange({seconds, lower, upper}) {
-    // Is this a relative time range?
-    if (seconds) {
-      return {
-        since: Date.now() - seconds * 1000,
-        until: null,
-      }
-    }
-
-    // No, this is an absolute (custom) time range
-    return {
-      since: Date.parse(lower),
-      until: Date.parse(upper),
-    }
-  }
-
   handleUpdatePosition = cells => {
     const {dashboardActions, dashboard, meRole, isUsingAuth} = this.props
     const newDashboard = {...dashboard, cells}

ui/src/dashboards/utils/time.ts

@@ -0,0 +1,30 @@
+interface InputTimeRange {
+  seconds?: number
+  lower?: string
+  upper?: string
+}
+
+interface OutputTimeRange {
+  since: number
+  until: number | null
+}
+
+export const millisecondTimeRange = ({
+  seconds,
+  lower,
+  upper,
+}: InputTimeRange): OutputTimeRange => {
+  // Is this a relative time range?
+  if (seconds) {
+    return {since: Date.now() - seconds * 1000, until: null}
+  }
+
+  const since = Date.parse(lower)
+  let until
+  if (upper === 'now()') {
+    until = Date.now()
+  } else {
+    until = Date.parse(upper)
+  }
+  return {since, until}
+}

ui/test/dashboards/utils/time.test.ts

@@ -0,0 +1,30 @@
+import moment from 'moment'
+import * as time from 'src/dashboards/utils/time'
+
+describe('dashboards.utils.time', () => {
+  describe('millisecondTimeRange', () => {
+    it('when upper is now() returns valid dates', () => {
+      const expectedNow = moment()
+        .subtract()
+        .seconds(1)
+        .unix()
+      const timeRange = {upper: 'now()', lower: moment().format()}
+      const result = time.millisecondTimeRange(timeRange)
+
+      expect(result.since).toBeGreaterThanOrEqual(expectedNow)
+      expect(result.until).toBeGreaterThanOrEqual(expectedNow)
+    })
+
+    it('when seconds is present returns valid dates', () => {
+      const timeRange = {seconds: 10}
+      const expectedSince = moment()
+        .subtract()
+        .seconds(10)
+        .unix()
+      const result = time.millisecondTimeRange(timeRange)
+
+      expect(result.since).toBeGreaterThanOrEqual(expectedSince)
+      expect(result.until).toBe(null)
+    })
+  })
+})