Search code examples
javascriptdatetimetestingcypress

CYPRESS: How to add one month to my current date with consideration to months like February(28 days) and months that have 30 days?


I have this cypress test where Im checking for a correct billing date. Our website has monthly subscriptions and it works as follows: If you start your subscription on January 31st, your next billing date will automatically be on the 1st of March since February has only 28 days. Same if you start your subscription on the 31st of March, then your next billing date will be on the first of 1st of May since there is no 31st in April and it automatically changes to the first day of the next month. Starting on other normal dates like the 15th will always be the same date (15th) of the next month etc..

My issue is when testing this with cypress, i always get the last day of the next month. For example if i test that Im gonna start my subscription on the 31st of March, my test will have 30th of April as an expected result, which is not correct since i want the expected result of my test to be 1st of May.

I am using this function but i cant seem to make it work properly since there are many differences in the months.

export const getBillingDate = (todayDate: string, months: number) => {
  const date1 = new Date(todayDate)
  const date2 = new Date(todayDate)
  date1.setDate(1)
  const daysInNextMonth = getDaysInMonth(addMonths(date1, months))
  date2.setDate(Math.min(date2.getDate(), daysInNextMonth))
  return format(addMonths(date2, months), 'MMMM do, yyyy')
}

I would really appreciate anyone's help with this since i am new to Cypress and testing in general. (Sorry english is not my first language)


Solution

  • Both dayjs and javascript new Date() fail to add all the dates exactly as you want.

    But you can use dayjs().daysInMonth() to get results exactly as per your description,

    const getBilling = (startDate) => {
      const [year, month, day] = startDate.split('/')
    
      const sd = dayjs(startDate)
      const firstOfNextMonth = sd.month(sd.month() + 1).date(1)
      const daysInNextMonth = dayjs(firstOfNextMonth).daysInMonth()
    
      let end;
      if (daysInNextMonth < day) {
        end = `${year}/${+month+2}/${1}`  // always bump to 1st day of month + 2
      } else {
        end = `${year}/${+month+1}/${day}`
      }
    
      return dayjs(end, 'YYYY/MM/DD').format('YYYY/MM/DD')
    }
    
    it('gets billing date, accounting for short months', () => {
    
      //Jan
      expect(getBilling('2022/01/15')).to.eq('2022/02/15')
      expect(getBilling('2022/01/31')).to.eq('2022/03/01')
    
      //Feb
      expect(getBilling('2022/02/15')).to.eq('2022/03/15')
      expect(getBilling('2022/02/28')).to.eq('2022/03/28')
    
      //Mar
      expect(getBilling('2022/03/15')).to.eq('2022/04/15')
      expect(getBilling('2022/03/31')).to.eq('2022/05/01')
    
    })
    

    enter image description here