/**
  * When user selects an item from the list
  */
 onChange(selected: string): void {
   if (selected && selected.trim().length > 0) {
     setProperties(this, {
       text: selected,
       inputText: selected
     });
     this.onSearch(selected);
   }
 }

 /**
  * When the input transitioned from blur->focus
  * Restore inputText value from text, open suggestions, and search latest term
  */
 onFocus(pws: IPowerSelectAPI<string>): void {
   setProperties(this, {
     inputText: this.text,
     powerSelectApi: pws
   });
   if (this.text) {
     pws.actions.search(this.text);
     pws.actions.open();
   }
 }

const getBaseTest = async (test: ISearchBoxTestContext, override: ISearchBoxContract | {} = {}) => {
  const props: ISearchBoxContract = {
    placeholder: 'this is my placeholder',
    text: undefined,
    onTypeahead: async () => [],
    onSearch: () => {},
    ...override
  };

  setProperties(test, props);

  await render(hbs`
    {{#search/search-box
      placeholder=(readonly placeholder)
      text=(readonly text)
      onTypeahead=(action onTypeahead)
      onSearch=(action onSearch) as |suggestion|}}
      {{suggestion}}
    {{/search/search-box}}
  `);

  return props;
};

 let ret = run(function() {
   return setProperties(context, hash);
 });