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

import country from 'code-corps-ember/tests/pages/components/select/country-select';

export default {
  scope: '.create-account',

  clickSubmit: clickable('button'),

  countrySelect: country,

  countrySelectIsDisabled: is(':disabled', 'select'),

  hasRequiredStatus: hasClass('panel--highlighted'),
  hasVerifiedStatus: hasClass('panel--highlighted-green'),

  rendersHeader: isVisible('aside'),
  rendersSection: isVisible('[data-test-section]'),
  rendersStripeLegal: isVisible('a[href="https://stripe.com/connect-account/legal"][target="_blank"]'),
  submitButtonIsDisabled: is(':disabled', 'button')
};

import {
  create,
  clickable,
  isVisible,
  text,
  visitable
} from 'ember-cli-page-object';

export default create({
  visit: visitable(':organization/:repo'),
  notActiveHeadline: text('.missing-notice .page-title'),
  notActiveNotice: text('.missing-notice .page-notice'),
  activateButton: isVisible('.missing-notice button'),
  activate: clickable('.missing-notice button'),
  githubAppsActivateButton: isVisible('.missing-notice a.button')
});

import {
  create,
  clickable,
  isVisible,
  text,
  visitable
} from 'ember-cli-page-object';

export default create({
  visit: visitable(':organization/:repo'),
  notActiveHeadline: text('.missing-notice .page-title'),
  notActiveNotice: text('.missing-notice .page-notice'),
  activateButton: isVisible('.missing-notice button'),
  activate: clickable('.missing-notice button'),
  githubAppsActivateButton: isVisible('.missing-notice a.button')
});

clickEdit: clickable('.edit'),
  clickPreview: clickable('.preview'),

  codeThemeSelector,

  editButton: {
    scope: 'button.edit',
    isActive: hasClass('active')
  },

  textarea: submittableTextarea,

  isEditing: hasClass('editing'),
  isPreviewing: hasClass('previewing'),

  spinnerIsVisible: isVisible('.spinner'),

  style: attribute('style')
};

instructionalNotes: {
      scope: '[data-test-instructional-notes]',
      value: text('span', { at: 0}),
      edit: clickable('.editable'),
      set: fillInFroalaEditor('.fr-box'),
      save: clickable('.done'),
      cancel: clickable('.cancel'),
      hasError: isVisible('.validation-error-message')
    },
    ilmHours: {
      scope: '.sessionilmhours',
      value: text('span', { at: 0}),
      edit: clickable('.clickable'),
      set: fillable('input'),
      save: clickable('.done'),
      hasError: isVisible('.validation-error-message'),
    },
    ilmDueDate: {
      scope: '.sessionilmduedate',
      value: text('span', { at: 0}),
      edit: clickable('.clickable'),
      set: datePicker('input'),
      save: clickable('.done'),
      hasError: isVisible('.validation-error-message'),
    },
    supplemental: {
      scope: '.sessionsupplemental',
      isActive: is(':checked', 'input'),
      click: clickable('.toggle-yesno'),
    },
    specialAttire: {
      scope: '.sessionspecialattire',

import {
  create,
  visitable,
  hasClass,
  text,
  isVisible
} from 'ember-cli-page-object';

export default create({
  visit: visitable('travis-ci/travis-web'),
  currentTabActive: hasClass('active', '#tab_current a'),
  showsNoBuildsMessaging: text('.missing-notice h2.page-title'),
  showsCurrentBuild: hasClass('started', 'section.build-header'),
  noJobsErrorMessage: isVisible('.notice-banner--red')
});

import { hasClass, isVisible } from 'ember-cli-page-object';
import skillListItemLink from './skill-list-item-link';

export default {
  scope: 'li.skill-list-item',

  skillListItemLink,

  skillListItemSpan: {
    scope: 'span',

    hasMatched: hasClass('matched')
  },

  rendersLogin: isVisible('a[href$=login]')
};