Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 59

Enable filtering by hostname (#1139)

Browse source
This commit is contained in:
Mike Stone 2017-01-31 15:12:38 -05:00 committed by GitHub
parent 7212d4c333
commit 8bb57ca02e
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/components/queries/QueryResultsTable/QueryResultsTable.jsx
View file

@ -64,8 +64,9 @@ class QueryResultsTable extends Component {
}
renderTableHeaderRowData = (column, index) => {
const { onFilterAttribute, onSetActiveColumn } = this;
const filterable = column === 'hostname' ? 'host_hostname' : column;
const { activeColumn, resultsFilter } = this.state;
const { onFilterAttribute, onSetActiveColumn } = this;
const filterIconClassName = classnames(`${baseClass}__filter-icon`, {
[`${baseClass}__filter-icon--is-active`]: activeColumn === column,
});
@ -75,9 +76,9 @@ class QueryResultsTable extends Component {
<span><Icon className={filterIconClassName} name="filter" />{column}</span>
<InputField
name={column}
onChange={onFilterAttribute(column)}
onChange={onFilterAttribute(filterable)}
onFocus={onSetActiveColumn(column)}
value={resultsFilter[column]}
value={resultsFilter[filterable]}
/>
</th>
);

12
frontend/components/queries/QueryResultsTable/QueryResultsTable.tests.jsx
View file

@ -3,6 +3,7 @@ import expect, { createSpy, restoreSpies } from 'expect';
import { keys } from 'lodash';
import { mount } from 'enzyme';
import { fillInFormInput } from 'test/helpers';
import QueryResultsTable from 'components/queries/QueryResultsTable';
const host = {
@ -44,6 +45,7 @@ const campaignWithQueryResults = {
...campaignWithNoQueryResults,
query_results: [
{ host_hostname: 'dfoihgsx', cwd: '/', directory: '/root' },
{ host_hostname: 'abc123', cwd: '/', directory: '/root' },
],
};
@ -85,6 +87,16 @@ describe('QueryResultsTable - component', () => {
});
});
it('filters by hostname', () => {
const hostnameInputFilter = componentWithQueryResults.find('InputField').find({ name: 'hostname' });
expect(componentWithQueryResults.find('QueryResultsRow').length).toEqual(2);
fillInFormInput(hostnameInputFilter, 'abc123');
expect(componentWithQueryResults.find('QueryResultsRow').length).toEqual(1);
});
it('calls the onExportQueryResults prop when the export button is clicked', () => {
const spy = createSpy();
const component = mount(<QueryResultsTable campaign={campaignWithQueryResults} onExportQueryResults={spy} />);