How to use the ember-cli-page-object.notHasClass function in ember-cli-page-object

hasAnnouncement: hasClass('announcement'),
    hasNoAnnouncement: notHasClass('announcement'),
    hasWarning: hasClass('warning')
  },

  broadcastBadge: {
    scope: '.broadcast .count',
    text: text(),
    isHidden: isHidden()
  },

  broadcasts: {
    scope: 'ul.broadcasts',

    isClosed: notHasClass('is-open'),
    isOpen: hasClass('is-open'),


    items: collection('li', {
      isAnnouncement: hasClass('announcement', '.broadcast-status'),
      isWarning: hasClass('warning', '.broadcast-status'),

      message: text('.message'),
      title: attribute('title'),

      dismiss: clickable('.broadcast-close')
    })
  },

  flashMessage: {
    scope: 'ul.flash li:eq(0)',

selectGroup: fillable('.group-picker select'),
    groups: collection({
      scope: '.group-picker select',
      itemScope: 'option',
      item: {
        title: text(),
        value: value(),
      },
    }),
    competencies: collection({
      scope: '.parent-picker',
      itemScope: '[data-test-competency]',
      item: {
        title: text('.competency-title'),
        selected: hasClass('selected', '.competency-title'),
        notSelected: notHasClass('selected', '.competency-title'),
        objectives: collection({
          scope: 'ul',
          itemScope: 'li',
          item: {
            title: text(),
            selected: hasClass('selected'),
            notSelected: notHasClass('selected'),
            add: clickable('input')
          }
        }),
      }
    }),
  },

  cohorts: {
    scope: '[data-test-detail-cohorts]',

import skillListItems from 'code-corps-ember/tests/pages/components/skill-list-items';

export default {
  scope: '.related-skills',

  expander: {
    scope: '.expander',
    hidden: hasClass('hidden'),
    visible: hasClass('visible'),
    click: clickable('a')
  },

  overflow: {
    scope: 'ul',
    hidden: hasClass('overflow-hidden'),
    visible: notHasClass('overflow-hidden')
  },

  skillListItems
};

},
    }),
    competencies: collection({
      scope: '.parent-picker',
      itemScope: '[data-test-competency]',
      item: {
        title: text('.competency-title'),
        selected: hasClass('selected', '.competency-title'),
        notSelected: notHasClass('selected', '.competency-title'),
        objectives: collection({
          scope: 'ul',
          itemScope: 'li',
          item: {
            title: text(),
            selected: hasClass('selected'),
            notSelected: notHasClass('selected'),
            add: clickable('input')
          }
        }),
      }
    }),
  },

  cohorts: {
    scope: '[data-test-detail-cohorts]',
    manage: clickable('.actions button'),
    save: clickable('.actions button.bigadd'),
    cancel: clickable('.actions button.bigcancel'),
    current: collection({
      scope: 'table',
      itemScope: 'tbody tr',
      item: {

numericNavigation: collection('.table-nav button', {
    label: text()
  }),
  allRows: collection('tbody tr:not(.expand-row)', {
    isGroupingRow: getter(function () {
      return !!this.cells.toArray().find(c => c.isGroupingRowCell);
    }),
    cells: collection('td', {
      isGroupingRowCell: hasClass('grouping-cell')
    })
  }),
  rows: collection('tbody tr:not(.expand-row):not(.grouping-row)', {
    expand: clickable('button.expand-row'),
    collapse: clickable('button.collapse-row'),
    expanded: hasClass('expanded-row'),
    collapsed: notHasClass('expanded-row'),
    selected: hasClass('selected-row'),
    dbClick: triggerable('dblclick'),
    hover: triggerable('mouseenter'),
    out: triggerable('mouseleave'),
    getSelf() {
      return findElement(document, this.scope)[0];
    },
    getCellColspans() {
      return this.cells.mapBy('colspan');
    },
    cells: collection('td', {
      content: text(),
      colspan: attribute('colspan'),
      groupSummaryVisible: text('.visible'),
      groupSummaryExpanded: text('.expanded'),
      groupSummarySelected: text('.selected')

hasClass,
  isHidden,
  notHasClass,
  text
} from 'ember-cli-page-object';

export default create({
  scope: '.topbar',

  broadcastTower: {
    scope: '.broadcast .icon-broadcast',

    click: clickable(),

    hasAnnouncement: hasClass('announcement'),
    hasNoAnnouncement: notHasClass('announcement'),
    hasWarning: hasClass('warning')
  },

  broadcastBadge: {
    scope: '.broadcast .count',
    text: text(),
    isHidden: isHidden()
  },

  broadcasts: {
    scope: 'ul.broadcasts',

    isClosed: notHasClass('is-open'),
    isOpen: hasClass('is-open'),

text: text('.stage-2-message')
    },

    thirdMessage: {
      text: text('.stage-3-message')
    },

    firstLoadingLine: {
      scope: '.loading-line-container-1 span',
      isInactive: notHasClass('loading-line'),
      isActive: hasClass('loading-line'),
    },

    secondLoadingLine: {
      scope: '.loading-line-container-2 span',
      isInactive: notHasClass('loading-line'),
      isActive: hasClass('loading-line'),
    }
  },

  hasTruncatedLog: isVisible('.log-container p.warning'),

  toggleLog: clickable('.toggle-log-button'),

  logLines: collection('pre#log .log-line', {
    entireLineText: joinTexts('span'),

    isBlack: hasClass('black', 'span:last-of-type'),
    isRed: hasClass('red', 'span:last-of-type'),
    isGreen: hasClass('green', 'span:last-of-type'),
    isYellow: hasClass('yellow', 'span:last-of-type'),
    isBlue: hasClass('blue', 'span:last-of-type'),

learningMaterials,
  meshTerms,
  taxonomies,
  collapsedTaxonomies,

  objectiveParentManager: {
    scope: '[data-test-session-objective-manager]',
    title: text('.objectivetitle'),
    courseTitle: text('h5'),
    objectives: collection({
      scope: '.parent-picker',
      itemScope: 'li',
      item: {
        title: text(),
        selected: hasClass('selected'),
        notSelected: notHasClass('selected'),
      }
    }),
  },

  learnerGroups: {
    scope: '[data-test-detail-learner-groups]',
    manage: clickable('.actions button'),
    save: clickable('.actions button.bigadd'),
    cancel: clickable('.actions button.bigcancel'),
    current: collection({
      scope: '.trees',
      itemScope: 'fieldset',
      item: {
        title: text('legend'),
        groups: collection({
          scope: 'ul',