be632db682
* runs ember-cli-update to 4.4.0 * updates yarn.lock * updates dependencies causing runtime errors (#17135) * Inject Store Service When Accessed Implicitly (#17345) * adds codemod for injecting store service * adds custom babylon parser with decorators-legacy plugin for jscodeshift transforms * updates inject-store-service codemod to only look for .extend object expressions and adds recast options * runs inject-store-service codemod on js files * replace query-params helper with hash (#17404) * Updates/removes dependencies throwing errors in Ember 4.4 (#17396) * updates ember-responsive to latest * updates ember-composable-helpers to latest and uses includes helper since contains was removed * updates ember-concurrency to latest * updates ember-cli-clipboard to latest * temporary workaround for toolbar-link component throwing errors for using params arg with LinkTo * adds missing store injection to auth configure route * fixes issue with string-list component throwing error for accessing prop in same computation * fixes non-iterable query params issue in mfa methods controller * refactors field-to-attrs to handle belongsTo rather than fragments * converts mount-config fragment to belongsTo on auth-method model * removes ember-api-actions and adds tune method to auth-method adapter * converts cluster replication attributes from fragment to relationship * updates ember-data, removes ember-data-fragments and updates yarn to latest * removes fragments from secret-engine model * removes fragment from test-form-model * removes commented out code * minor change to inject-store-service codemod and runs again on js files * Remove LinkTo positional params (#17421) * updates ember-cli-page-object to latest version * update toolbar-link to support link-to args and not positional params * adds replace arg to toolbar-link component * Clean up js lint errors (#17426) * replaces assert.equal to assert.strictEqual * update eslint no-console to error and disables invididual intended uses of console * cleans up hbs lint warnings (#17432) * Upgrade bug and test fixes (#17500) * updates inject-service codemod to take arg for service name and runs for flashMessages service * fixes hbs lint error after merging main * fixes flash messages * updates more deps * bug fixes * test fixes * updates ember-cli-content-security-policy and prevents default form submission throwing errors * more bug and test fixes * removes commented out code * fixes issue with code-mirror modifier sending change event on setup causing same computation error * Upgrade Clean Up (#17543) * updates deprecation workflow and filter * cleans up build errors, removes unused ivy-codemirror and sass and updates ember-cli-sass and node-sass to latest * fixes control groups test that was skipped after upgrade * updates control group service tests * addresses review feedback * updates control group service handleError method to use router.currentURL rather that transition.intent.url * adds changelog entry
75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import { hbs } from 'ember-cli-htmlbars';
|
|
import { click } from '@ember/test-helpers';
|
|
|
|
module('Integration | Component | pagination-controls', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders correct number of pages', async function (assert) {
|
|
const totals = [
|
|
[10, 1],
|
|
[40, 3],
|
|
[100, 5],
|
|
];
|
|
for (const [total, count] of totals) {
|
|
this.total = total;
|
|
await render(hbs`<PaginationControls @total={{this.total}} />`);
|
|
assert
|
|
.dom('[data-test-page]')
|
|
.exists({ count }, `Correct page count of ${count} renders for ${total} total items`);
|
|
assert.dom('[data-test-more-pages]')[count === 5 ? 'exists' : 'doesNotExist']();
|
|
}
|
|
});
|
|
|
|
test('it changes pages', async function (assert) {
|
|
assert.expect(10);
|
|
|
|
let expectedPage = 2;
|
|
this.onChange = (page) => {
|
|
assert.strictEqual(page, expectedPage, 'onChange callback is fired with correct page number');
|
|
};
|
|
|
|
await render(hbs`<PaginationControls @total={{75}} @onChange={{this.onChange}} />`);
|
|
|
|
const isActive = (page) => {
|
|
return this.element
|
|
.querySelector(`[data-test-page="${page}"]`)
|
|
.classList.value.includes('is-primary is-underlined is-active');
|
|
};
|
|
|
|
assert.ok(isActive(1), 'Page 1 is active by default');
|
|
assert.dom('[data-test-previous-page]').isDisabled('Previous page button is disabled on page 1');
|
|
|
|
await click('[data-test-next-page]');
|
|
assert.ok(isActive(2), 'Page 2 is active');
|
|
assert.dom('[data-test-previous-page]').isNotDisabled('Previous page button is disabled on page 1');
|
|
|
|
expectedPage = 5;
|
|
await click('[data-test-page="5"]');
|
|
assert.ok(isActive(5), 'Page 5 is active');
|
|
assert.dom('[data-test-next-page]').isDisabled('Next page button is disabled on last page');
|
|
|
|
expectedPage = 4;
|
|
await click('[data-test-previous-page]');
|
|
assert.ok(isActive(4), 'Page 4 is active');
|
|
});
|
|
|
|
test('it renders correct display info', async function (assert) {
|
|
this.onChange = () => {};
|
|
await render(hbs`<PaginationControls @total={{68}} @onChange={{this.onChange}} />`);
|
|
|
|
const ranges = ['1-15', '16-30', '31-45', '46-60', '61-68'];
|
|
for (const [i, range] of ranges.entries()) {
|
|
assert
|
|
.dom('[data-test-page-display-info]')
|
|
.hasText(`${range} of 68`, `Correct display info renders for page ${i + 1}`);
|
|
|
|
if (i < 4) {
|
|
await click(`[data-test-next-page]`);
|
|
}
|
|
}
|
|
});
|
|
});
|