Fix startup events

packages/application-extension/src/index.ts

@@ -530,8 +530,10 @@ const topVisibility: JupyterFrontEndPlugin<void> = {
     if (settingRegistry) {
       const loadSettings = settingRegistry.load(pluginId);
       const updateSettings = (settings: ISettingRegistry.ISettings): void => {
-        const visible = settings.get('visible').composite as boolean;
-        top.setHidden(!visible);
+        const visible = settings.get('visible').composite;
+        if (visible !== undefined) {
+          top.setHidden(!visible);
+        }
       };
 
       Promise.all([loadSettings, app.restored])
@@ -556,7 +558,6 @@ const topVisibility: JupyterFrontEndPlugin<void> = {
 
     // listen on format change (mobile and desktop) to make the view more compact
     app.formatChanged.connect(onChanged);
-    onChanged();
   },
   autoStart: true
 };

packages/application/src/app.ts

@@ -37,7 +37,7 @@ export class RetroApp extends JupyterFrontEnd<IRetroShell> {
         this.registerPlugin(plugin);
       }
     }
-    void this._formatter.invoke();
+    this.restored.then(() => this._formatter.invoke());
   }
 
   /**
@@ -193,5 +193,7 @@ namespace Private {
    */
   export function setFormat(app: RetroApp): void {
     app.format = window.matchMedia(MOBILE_QUERY).matches ? 'mobile' : 'desktop';
+    console.log('width', window.innerWidth);
+    console.log('set format', app.format);
   }
 }

packages/notebook-extension/src/index.ts

@@ -158,8 +158,13 @@ const kernelLogo: JupyterFrontEndPlugin<void> = {
 const kernelStatus: JupyterFrontEndPlugin<void> = {
   id: '@retrolab/notebook-extension:kernel-status',
   autoStart: true,
-  requires: [IRetroShell],
-  activate: (app: JupyterFrontEnd, shell: IRetroShell) => {
+  requires: [IRetroShell, ITranslator],
+  activate: (
+    app: JupyterFrontEnd,
+    shell: IRetroShell,
+    translator: ITranslator
+  ) => {
+    const trans = translator.load('retrolab');
     const widget = new Widget();
     widget.addClass('jp-RetroKernelStatus');
     app.shell.add(widget, 'menu', { rank: 10_010 });
@@ -193,7 +198,7 @@ const kernelStatus: JupyterFrontEndPlugin<void> = {
           widget.addClass(KERNEL_STATUS_FADE_OUT_CLASS);
           break;
       }
-      widget.node.textContent = text;
+      widget.node.textContent = trans.__(text);
     };
 
     const onChange = async () => {

ui-tests/test/mobile.spec.ts

@@ -15,6 +15,7 @@ test.describe('Mobile', () => {
     tmpPath
   }) => {
     await page.goto(`tree/${tmpPath}`);
+    await page.waitForSelector('#top-panel-wrapper', { state: 'hidden' });
     expect(await page.screenshot()).toMatchSnapshot('tree.png');
   });
 
@@ -28,6 +29,25 @@ test.describe('Mobile', () => {
       `${tmpPath}/${notebook}`
     );
     await page.goto(`notebooks/${tmpPath}/${notebook}`);
+    // TODO: investigate why this does not run the cells in RetroLab
+    // await page.notebook.run();
+
+    // wait for the kernel status animations to be finished
+    await page.waitForSelector('.jp-RetroKernelStatus-fade');
+    await page.waitForFunction(() => {
+      const status = window.document.getElementsByClassName(
+        'jp-RetroKernelStatus'
+      )[0];
+
+      if (!status) {
+        return false;
+      }
+
+      const finished = status?.getAnimations().reduce((prev, curr) => {
+        return prev && curr.playState === 'finished';
+      }, true);
+      return finished;
+    });
 
     expect(await page.screenshot()).toMatchSnapshot('notebook.png');
   });