@nyaruka/temba-components 0.40.2 → 0.41.1

package/test/temba-select.test.ts

@@ -8,7 +8,6 @@ import {
   getClip,
   loadStore,
 } from './utils.test';
-import { range } from '../src/utils';
 import { CustomEventType } from '../src/interfaces';
 
 let clock: any;
@@ -68,10 +67,11 @@ export const clickOption = async (select: Select, index: number) => {
     `[data-option-index="${index}"]`
   ) as HTMLDivElement;
   option.click();
-  await clock.tick(250);
   await options.updateComplete;
   await select.updateComplete;
-  //checkTimers(clock);
+  await clock.runAll();
+
+  checkTimers(clock);
 };
 
 export const openAndClick = async (select: Select, index: number) => {
@@ -470,6 +470,26 @@ describe('temba-select', () => {
       await assertScreenshot('select/functions', getClipWithOptions(select));
     });
 
+    it('should truncate selection if necessesary', async () => {
+      const options = [
+        {
+          name: 'this_is_a_long_selection_to_make_sure_it_truncates',
+          value: '0',
+        },
+      ];
+
+      const select = await createSelect(
+        getSelectHTML(options, {
+          value: '0',
+        })
+      );
+
+      await assertScreenshot(
+        'select/truncated-selection',
+        getClipWithOptions(select)
+      );
+    });
+
     it('can select expression completion as value', async () => {
       await loadStore();
 

package/web-test-runner.config.mjs

@@ -131,7 +131,7 @@ const checkScreenshot = async (filename, excluded, threshold) => {
   });
 };
 
-const wireScreenshots = async (page, context, isCI) => {
+const wireScreenshots = async (page, context, wait) => {
   // clear out any past tests
   const diffs = path.resolve(SCREENSHOTS, DIFF);
   const tests = path.resolve(SCREENSHOTS, TEST);
@@ -146,8 +146,7 @@ const wireScreenshots = async (page, context, isCI) => {
         const testFile = await getPath(TEST, filename);
         const truthFile = await getPath(TRUTH, filename);
 
-        // if we are on ci, wait for fetches to complete
-        if (isCI) {
+        if (wait) {
           await page.waitForNetworkIdle();
         }
 
@@ -322,7 +321,7 @@ export default {
         headless: true,      
       },
       createPage: async ({ context, config }) => {
-        // leave this in for logging on ci
+        const wait = !(config["unknown"] || []).includes("--fast");
         const page = await context.newPage();
         await page.setUserAgent("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36");      
         await page.once('load', async () => {
@@ -332,8 +331,7 @@ export default {
           `,
           });
 
-          const isCI = config.rootDir.indexOf("/Users/runner") === 0;
-          await wireScreenshots(page, context, isCI);
+          await wireScreenshots(page, context, wait);
         });