fix to make the tests pass

examples/al-animation-CS-CDS-2022.html

@@ -20,14 +20,12 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {cooFrame: 'galactic', fov: 400, fullScreen: true, showCooGrid: false, showReticle: false})
+        aladin = A.aladin('#aladin-lite-div', {projection: 'MOL', cooFrame: 'galactic', fov: 360, fullScreen: true, showCooGrid: false, showReticle: false})
         aladin.gotoRaDec(79.9525321, -69.2742586)
         const gaiaFlux = aladin.createImageSurvey('P/DM/flux-G/I/355/gaiadr3', "GaiaDR3GFlux", null, null, null, {imgFormat: 'fits', stretch: 'log'})
         aladin.setBaseImageLayer(gaiaFlux)
         gaiaFlux.setCuts(3e5, 1e8)
 
-        aladin.setProjection('MOL')
-
 
         
         function notify(title, sub, delay) {

package.json

@@ -2,7 +2,7 @@
   "homepage": "https://aladin.u-strasbg.fr/",
   "name": "aladin-lite",
   "type": "module",
-  "version": "3.3.2-beta",
+  "version": "3.3.3-beta",
   "description": "An astronomical HiPS visualizer in the browser",
   "author": "Thomas Boch and Matthieu Baumann",
   "license": "GPL-3",

src/css/aladin.css

@@ -1134,7 +1134,8 @@ canvas {
 
     position: absolute;
     bottom: 0;
-    left: 2.5rem;
+    left: 50%;
+    transform: translate(-50%, 0);
 }
 
 .aladin-status-bar.aladin-dark-theme {

src/js/ImageSurvey.js

@@ -120,9 +120,9 @@ PropertyParser.isPlanetaryBody = function(properties) {
  * @property {string} [imgFormat] - Formats accepted 'webp', 'png', 'jpeg' or 'fits'. Will raise an error if the HiPS does not contain tiles in this format
  * @property {CooFrame} [cooFrame="J2000"] - Coordinate frame of the survey tiles
  * @property {number} [maxOrder] - The maximum HEALPix order of the HiPS, i.e the HEALPix order of the most refined tile images of the HiPS. 
- * @property {number} [numBitsPerPixel] - useful if you want to display the FITS tiles of a HiPS. It specifies the number of bits per pixel. Possible values are:
+ * @property {number} [numBitsPerPixel] - Useful if you want to display the FITS tiles of a HiPS. It specifies the number of bits per pixel. Possible values are:
  * -64: double, -32: float, 8: unsigned byte, 16: short, 32: integer 32 bits, 64: integer 64 bits  
- * @property {number} [tileSize] - The width of the HEALPix tile images. Mostly 512 pixels for can be 256, 128, 64, 32
+ * @property {number} [tileSize] - The width of the HEALPix tile images. Mostly 512 pixels but can be 256, 128, 64, 32
  * @property {number} [opacity=1.0] - Opacity of the survey or image (value between 0 and 1).
  * @property {string} [colormap="native"] - The colormap configuration for the survey or image.
  * @property {string} [stretch="linear"] - The stretch configuration for the survey or image.
@@ -194,7 +194,11 @@ export let ImageSurvey = (function () {
                             // url not valid so we try with the id
                             try {
                                 isCDSId = true;
-                                return await HiPSProperties.fetchFromID(self.url);
+                                // the url stores a "CDS ID" we take it prioritaly
+                                // if the url is null, take the id, this is for some tests
+                                // to pass because some users might just give null as url param and a "CDS ID" as id param
+                                let id = self.url || self.id;
+                                return await HiPSProperties.fetchFromID(id);
                             } catch(e) {
                                 throw e;
                             }

src/js/Selector.js

@@ -131,9 +131,6 @@ export class Selector {
             }
         }
 
-        console.log(objList)
-
-
         return objList;
     }
 }