fix very brittle selector tests

Author: mansona

e2e/acceptance/crate.spec.ts

@@ -131,7 +131,7 @@ test.describe('Acceptance | crate page', { tag: '@acceptance' }, () => {
     await page.click('[data-test-versions-tab] a');
 
     await expect(page.locator('[data-test-page-description]')).toHaveText(
-      /13 of 13\s+nanomsg versions since\s+December \d+th, 2014/,
+      /\s+13\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/,
     );
   });
 
@@ -140,12 +140,12 @@ test.describe('Acceptance | crate page', { tag: '@acceptance' }, () => {
 
     await page.goto('/crates/nanomsg/versions?per_page=10');
     await expect(page.locator('[data-test-page-description]')).toHaveText(
-      /10 of 13\s+nanomsg versions since\s+December \d+th, 2014/,
+      /\s+10\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/,
     );
 
     await page.getByTestId('load-more').click();
     await expect(page.locator('[data-test-page-description]')).toHaveText(
-      /13 of 13\s+nanomsg versions since\s+December \d+th, 2014/,
+      /\s+13\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/,
     );
   });
 

tests/acceptance/crate-test.js

@@ -137,18 +137,24 @@ module('Acceptance | crate page', function (hooks) {
     await visit('/crates/nanomsg');
     await click('[data-test-versions-tab] a');
 
-    assert.dom('[data-test-page-description]').hasText(/13 of 13\s+nanomsg versions since\s+December \d+th, 2014/);
+    assert
+      .dom('[data-test-page-description]')
+      .hasText(/\s+13\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/);
   });
 
   test('navigating to the versions page with custom per_page', async function (assert) {
     loadFixtures(this.db);
 
     await visit('/crates/nanomsg/versions?per_page=10');
 
-    assert.dom('[data-test-page-description]').hasText(/10 of 13\s+nanomsg versions since\s+December \d+th, 2014/);
+    assert
+      .dom('[data-test-page-description]')
+      .hasText(/\s+10\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/);
 
     await click('[data-test-id="load-more"]');
-    assert.dom('[data-test-page-description]').hasText(/13 of 13\s+nanomsg versions since\s+December \d+th, 2014/);
+    assert
+      .dom('[data-test-page-description]')
+      .hasText(/\s+13\s+of\s+13\s+nanomsg\s+versions since\s+December \d+th, 2014/);
   });
 
   test('navigating to the reverse dependencies page', async function (assert) {